Javascript 当实时时钟低于15分钟时,是否更改元素的样式?
当实时时钟上的分钟数小于15时,我想更改div的背景。这是我的密码:Javascript 当实时时钟低于15分钟时,是否更改元素的样式?,javascript,jquery,css,Javascript,Jquery,Css,当实时时钟上的分钟数小于15时,我想更改div的背景。这是我的密码: <script type="text/javascript"> window.setInterval(function(){ now = new Date; c = now.getMinutes(); if (c < 15 ) { $('#defaultCountdown').css('background': 'red'); } }, 1000); </script> setInter
<script type="text/javascript">
window.setInterval(function(){
now = new Date;
c = now.getMinutes();
if (c < 15 ) {
$('#defaultCountdown').css('background': 'red');
}
}, 1000);
</script>
setInterval(函数(){
现在=新日期;
c=now.getMinutes();
如果(c<15){
$('#defaultCountdown').css('background':'red');
}
}, 1000);
这是页面的链接,它不会变红,设置为c<50:
改变
$('#defaultCountdown').css('background': 'red');
到
或者改成
$('#defaultCountdown').css({
'background': 'red'
});
window.setInterval(函数(){
现在=新日期;
c=now.getMinutes();
如果(c<15){
$('#defaultCountdown').css('background','red');
}
否则{
$('#defaultCountdown').css('background','blue');
}
}, 1000);代码>
div{
高度:200px;
宽度:200px;
}
真是太棒了!问题是什么?“我想”不是问题。您现有的代码有什么问题吗?它不工作:)并且回答它不工作
是一个向下投票量。您的示例页面具有jquery noconflict设置。因此,您必须使用j('defaultCountdown')
而不是$('defaultCountdown')
。再次快速查看一下浏览器控制台,就会发现错误,每次间隔运行时都会重复。zeroelement关于在.css中使用而不是:的回答以及其他语法问题也适用。@ZarkoZivkovic为什么不呢?这对其他人没有帮助,但对提问者有帮助。@ZarkoZivkovic,我更新了elementzero23答案。请看一看。
$('#defaultCountdown').css({
'background': 'red'
});