将时间添加到javascript时钟

Add time to javascript clock

本文关键字：javascript 时钟 添加 时间      更新时间：2023-09-26

我希望能够将指定的时间添加到javascript时钟中，并使其不断更新。我设法把下面的东西拼凑在一起了。

    function leadTimer(leadTime) 
    {
      var d1 = new Date (),
      d2 = new Date ( d1 );
      d2.setMinutes ( d1.getMinutes() + leadTime );
      currentHours = d2.getHours();
      currentMins = d2.getMinutes();
      // Choose either "AM" or "PM" as appropriate
      var timeOfDay = ( currentHours < 12 ) ? "AM" : "PM";
      // Convert the hours component to 12-hour format if needed
      currentHours = ( currentHours > 12 ) ? currentHours - 12 : currentHours;
      // Convert an hours component of "0" to "12"
      currentHours = ( currentHours == 0 ) ? 12 : currentHours;
      if (currentMins<=9) { currentMins="0"+currentMins; }
      if (currentHours<10) { currentHours="0"+currentHours; }
      $("#result").empty();
      $("#result").html(currentHours + ":" + currentMins + " " + timeOfDay)
      setInterval('leadTimer(leadTime)',10000)
}

我认为setInterval只会使用leadTime的当前值，但我只是得到一个错误，说leadTime未定义。

最终，我希望能够调用它，根据用户的选择来保持时钟滴答作响。

您几乎已经完成了；使用setInterval的首选方法是给它一个函数作为第一个参数，所以试着把最后一行改为：

setInterval(function(){leadTimer(leadTime)}, 10000);
相关文章：