javascript - 在一天中的特定时间突出显示文本

Question

我需要在特定时间突出显示文本。

<style>
.highlight { 
background-color:#FFFF00; 
}
</style>
<span class="timer">Hello World</span>
<script> 
var date = new Date();
var minute = date.getMinutes();
var hour = date.getHours();


if(
        (hour >= 9 && minute >= 59) &&
        (hour <= 10 && minute <= 59)
    ){
           $('timer').addClass('highlight');
    }
</script>

在上面的示例中，它应该在 10:00 到 11:00 之间突出显示“Hello World”。这不起作用 - 有什么想法吗？

Answer 1

就像 A. Damond 所说的那样，您的 if 语句只有在您的时间是 9:59 或 10:59 时才为真。

我会将您的 if 语句更改为:

var date = new Date();
var minute = date.getMinutes();
var hour = date.getHours();


if ((hour === 10)) {
  $('.timer').addClass('highlight');
}

.highlight {
  background-color: #FFFF00;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span class="timer">Hello World</span>

此外，您还必须在 jQuery addClass 调用中添加正确的选择器。
$('.timer') 不是 $('timer')。

编辑 我更新了 if 子句