JavaScript倒计时

JavaScript的Date对象提供了一些不错的方法,配合setInterval()可以用来作一个简单的倒计时工具。

距离今天的某个时间还有多少小时,多少分,多少秒。getHMSLeft(h, m, s)

var getHMSLeft = function(h, m, s){
  h = h||20;
  m = m||0;
  s = s||0;
  var today = new Date();
  var date = new Date(today.getFullYear(), today.getMonth(), today.getDate(), h, m, s);
  date.setTime(date-today);
  var left = [0, 0, 0];
  left[0] = date.getUTCHours();
  left[1] = date.getUTCMinutes();
  left[2] = date.getUTCSeconds();
  return left;
}

需要注意的是JavaScript的Date()在构造时月份会少一个月,也就是从0开始。

每秒执行一次DOM的更新,例如距离晚上20:00的时间。配合setInterval()

// Set html of timer.
var setTimeLeft = function(){
  var left = getHMSLeft(20, 0, 0);
  var s = left[0]+"时"+left[1]+"分"+left[2]+"秒";
  $("#timer").html(s); // document.getElementById("timer").innerHTML = s;
}
setInterval(setTimeLeft, 1000);

作者胡乱写的,倒也能使,不知道有没有更简捷的方法。非常的基础,把它放在这里,以后可以直接copy.

关于本文如您有任何想法和意见,欢迎与我们联系,邮箱地址zhi@uqugu.com
您对本文有什么看法,喜欢或者不喜欢都可以发表意见。