Jun 24

js 时间倒计时代码 不指定

bearjia , 14:23 , JS无尽循环 , 评论(0) , 引用(0) , 阅读(1380) , Via 本站原创 | |
前几日做的要发宝团购网站中需要用到了时间的倒计时,决定选择用JS和FLASH来实现,最后敲定使用JS。
原因无二,JS的代码量小,相比更效率。
首先定义一个函数left,由程序来输出剩余时间,以秒为单位。
当然,这个时间可是随时变化着的,必须加一个setInterval计时器。

<div id="time"></div>
<script type="text/javascript">

var left = 360; // 剩余时间
setTime();
function setTime() {
  if (left) {
    left --;
    var hour = Math.floor(left / 3600);
    hour = (hour < 10) ? ('0' + hour) : hour;
    var minute = Math.floor((left % 3600) / 60);
    minute = (minute < 10) ? ('0' + minute) : minute;
    var second = (left % 3600) % 60;
    second = (second < 10) ? ('0' + second) : second;

    var time = document.getElementById('time');
    time.innerHTML = '<span>' + hour + '</span>小时<span>' + minute + '</span>分<span>' + second + '</span>秒';
  } else {
    /*window.location.reload();*/
    var time = document.getElementById('time');
    time.innerHTML = '团购时间结束';
  }
}
window.setInterval(setTime, 1000);
</script>
发表评论

昵称

网址

电邮

打开HTML 打开UBB 打开表情 隐藏 记住我 [登入] [注册]