如何停止当前时间并使用JS / JQuery更改它?

时间:2015-02-01 17:04:31

标签: javascript jquery setinterval

我正在用JS实现模拟和数字手表。得到了几个教程,但我怎么能停止时钟并改变小时?以下是数字代码:

function updateClock() {
  var currentTime = new Date();
  var gtmStatus = 'AM';

  var hours = currentTime.getHours();
  if (hours > 12){
    hours = hours-12;
    gtmStatus = 'PM';
  }

  var minutes = currentTime.getMinutes();
  var seconds = currentTime.getSeconds();

  var degree_seconds = -90 + (seconds * 6);
  var degree_minute = -90 + (minutes * 6);
  var degree_hour =  -90 + (hours * 30);
  degree_hour = degree_hour + (0.5 * minutes);

  $('#time').html(hours + ':' + minutes + ':' + seconds + ' ' + gtmStatus);

setInterval(updateClock, 1000);
updateClock();

}

2 个答案:

答案 0 :(得分:0)

setInterval(...)返回可以赋予clearInterval(handle)的句柄/标识符。

换句话说,如果您想暂停您的时钟,您需要使用之前获得的句柄clearInterval(...)来调用setInterval(...)。然后,您可以再次开始计时setInterval(...)

答案 1 :(得分:0)

function getThatThereTime () {
    return $('#time').val();
}