javascript - 如何将 setInterval 与我的表单一起使用来创建闹钟？

Question

我目前正在尝试学习 JavaScript，我决定通过实际创建一些东西来让事情变得更有趣，而不是无休止地阅读和不练习。我目前正在尝试制作一个闹钟。

这是我的代码:

http://codepen.io/anon/pen/dCsax

function wakeup() {
    window.location = "https://www.youtube.com/watch?v=dQw4w9WgXcQ"
}

我需要创建另一个函数，它使用 setInterval 每隔几秒检查一次该表单中设置的时间是否等于当前时间，如果是，则执行播放 Rick ASTLey - Never Gonna Give You Up 的唤醒函数.

我不知道这段代码怎么写。有人可以帮我看看它是怎么做到的吗？

提前致谢。

Answer 1

对于纯 JS 解决方案(无库)，您应该 read about Date object

我已经 forked your example on codepen像这样:

function set_alarm() {
  var h = document.getElementById('h').value;
  var m = document.getElementById('m').value;
  var t = document.getElementById('t').value;

  if ( t == 'PM' ) h+= 12;

  var now = new Date();
  var d = new Date();
  d.setHours(h);
  d.setMinutes(m);
  d.setSeconds(0);

  var delta = d.getTime() - now.getTime();

  if (delta < 0) delta = -delta;

  setTimeout(wakeup,delta);
}

这应该会提示您该怎么做。

您也可以尝试使用许多关于日期的库之一，特别是 moment.js