Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 当实时时钟低于15分钟时,是否更改元素的样式?_Javascript_Jquery_Css - Fatal编程技术网

Javascript 当实时时钟低于15分钟时,是否更改元素的样式?

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

当实时时钟上的分钟数小于15时,我想更改div的背景。这是我的密码:

<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'
});