每日倒计时到特定时间

Question

我正在尝试每日倒计时，例如让我们说每天直到晚上7点。一旦晚上7点过去，它应该在23:59:59再次开始，并再次倒计时到第二天晚上7点。

我写了一个剧本但没有出现。为什么倒计时不显示？

DEMO：http://jsfiddle.net/8Ab78/

function ShowTime() {
  var now = new Date();
  var hrs = 18-now.getHours();
  var mins = 60-now.getMinutes();
  var secs = 60-now.getSeconds();
      timeLeft = "" +hrs+' hours '+mins+' minutes '+secs+' seconds';
  $("#countdown").html(timeLeft);
}

var countdown;
function StopTime() {
    clearInterval(countdown);
    setInterval(ShowTime ,1000);
}

Answer 1

替换

setInterval('ShowTime()',1000);

到这个

setInterval(ShowTime ,1000);

Fiddle

Answer 2

在这里设置div标签的html：

$("#countdown").html(str);

但是str是什么？另外，timeleft是什么？也许你的意思是说：

var timeLeft = "" +hrs+' hours '+mins+' minutes '+secs+' seconds';
$("#countdown").html(timeLeft );

Answer 3

我认为，原因有三：

1）你永远不会打电话给ShowTime

2）您应该$("#countdown").html(str);

而不是$("#countdown").html(timeLeft);

3）你的setInterval应为setInterval(ShowTime ,1000);