我可以使用 setInterval 定期重写 吗？在一页上

Question

我不知道任何 JavaScript，但试图理解以下代码。

我得到了下面的代码来根据时间向用户发送消息。

now = new Date();
if (now.getUTCHours() >= 12) {
    document.write('`<span id="NextorNot" style="color:red;">`It is too late to enter`</span>`');
}
else {
    document.write('`<span id="NextorNot" style="color:green;">`You can still enter`</span>`');
}

这工作得很好，但我想让它定期自我更新，让长时间坐在页面上的任何人都能看到当前信息。经过大量阅读后，我已经了解了这一点，但我看不出我哪里出错了。

now = new Date();  
if (now.getUTCHours() >= 12)   {  
    document.write('`<span id="NextorNot" style="color:red;">`It is too late to enter`</span>`');  
}  
else {  
    document.write('`<span id="NextorNot" style="color:green;">`You can still enter`</span>`');  
}  
setInterval(
   function() {  
      if (now.getUTCHours() >= 12) {  
        document.getElementById('NextorNot').style.color = 'red';  
        document.getElementById('NextorNot').innerHTML = 'It is too late to enter');  
      }  
      else {  
        document.getElementById('NextorNot').style.color = 'green';  
        document.getElementById('NextorNot').innerHTML = 'You can still enter');  
      }  
   },  
   5000
);  

有人可以帮忙吗？

Answer 1

您忘记在 setInterval 回调中更改/设置 now。

Answer 2

您有两个语法错误。

document.getElementById('NextorNot').innerHTML = '现在已经太晚了，无法进入'); 和 document.getElementById('NextorNot').innerHTML = '您仍然可以进入') ; 末尾有一个额外的 )。

应该是

document.getElementById('NextorNot').innerHTML = 'It is too late to enter';
document.getElementById('NextorNot').innerHTML = 'You can still enter';

Answer 3

快到了。去掉 if 和 else 分支中“您仍然可以输入”文本后面的右括号“)”。其他一切似乎都有效。

Answer 4

您有几个语法错误 - 更新跨度内容时出现右括号。将其更改为：

setInterval(  
function (){  
if (now.getUTCHours() >= 12)  
    {  
        document.getElementById('NextorNot').style.color = 'red';  
    document.getElementById('NextorNot').innerHTML = 'It is too late to enter';  
    }  
    else  
    {  
        document.getElementById('NextorNot').style.color = 'green';  
    document.getElementById('NextorNot').innerHTML = 'You can still enter';  
    }  
},  
5000 );

Answer 5

试试这个：jsFiddle。

now = new Date();
if (now.getUTCHours() >= 12)
{
    document.write('<span id="NextorNot" style="color:red;">It is too late to enter</span>');
}
else
{
    document.write('<span id="NextorNot" style="color:green;">You can still enter</span>');
}

setInterval(
function ()
{
    now = new Date();
    //alert( now );
    if (now.getUTCHours() >= 12)
    {
        document.getElementById('NextorNot').style.color = 'red';
        document.getElementById('NextorNot').innerHTML = 'It is too late to enter';
    }
    else
    {
        document.getElementById('NextorNot').style.color = 'green';
        document.getElementById('NextorNot').innerHTML = 'You can still enter';
    }
},
5000 );​