javascript - 我每隔几个小时使用 JavaScript 的自定义文本不起作用

Question

所以我试图根据用户的日历和时钟获得自定义问候语。它曾经工作得很好，但我只是从我的新网站的一些旧代码中复制粘贴，它最终根本没有显示。这是我所拥有的：

<script type="text/javascript">
var d=new Date();
var time=d.getHours();
var elem=document.getElementById('sunMoon')

if (time>=6 && time<=12)
{
 elem.textContent = "testing";
}
if (time > 13 && time < 17)
  {
  elem.textContent = "Good afternoon!";
  }
if (time > 18 && time < 24)
  {
  elem.textContent = "Good evening!";
  }
if (time > 0 && time < 5)
  {
  elem.textContent = "Have a nice night!"
  }
</script>

好的，所以建议遵循，但我只得到相同的结果 - 没有。上面的代码已经过编辑以反映新的格式。

Answer 1

你得到一个 ID 为 的元素sunMoon，但从不使用它。相反，您的代码使用document.write. 如果您打算将文本放在该元素中，则应替换

document.write("...")

和

elem.textContent = "..."

Answer 2

它似乎适用于这个jsFiddle。

我替换document.write为alert，所以也许这会导致您出现问题？尝试使用alert来查看一些反馈或查看控制台以获取调试消息。

Answer 3

您的标记中可能不再有“sunMoon” id 元素。试试这个，看看它是否有效：http: //jsfiddle.net/82BTA/7/

HTML

<p><span id="sunMoon"></span>, user2757975.</p>

JS

var d=new Date();
var time=d.getHours();
var elem=document.getElementById('sunMoon')

if (time > 5 && time <= 12)
{
 elem.textContent = "Good Morning!";
}
if (time > 12 && time <= 18)
  {
  elem.textContent = "Good afternoon!";
  }
if (time > 18 && time <= 24)
  {
  elem.textContent = "Good evening!";
  }
if (time > 0 && time <= 5)
  {
  elem.textContent = "Have a nice night!"
  }