如何添加倒计时功能

<script type="text/javascript" language="javascript">
    //总时间,以分为单位
    var time = 100;

    //小时
    var h = parseInt(time / 60) > 0 ? parseInt(time / 60) : 0;
    //
    var m = time % 60;
    //
    var s = 60;

    //输出到当前Script的Dom位置
    document.write('<span>限时秒杀,还剩余<font id="f_hh">' + h + '</font>小时<font id="f_mm">' + m + '</font>分<font id="f_ss">' + s + '</font>秒</span>');

    //开始执行倒计时
    var timeInterval = setInterval(function () {
        //如果时、分、秒都为0时将停止当前的倒计时
        if (h == 0 && m == 0 && s == 0) { clearInterval(timeInterval); return; }
        //当秒走到0时,再次为60秒
        if (s == 0) { s = 60; }
        if (s == 60) {
            //每次当秒走到60秒时,分钟减一
              m -= 1;
            //当分等于0时并且小时还多余1个小时的时候进里面看看
              if (m == 0 && h > 0) {
                  //小时减一
                  h -= 1;
                  //分钟自动默认为60分
                 m = 60;
                 //秒自动默认为60秒
                 s = 60;
            }
        }
        //秒继续跳动,减一
         s -= 1;
          //小时赋值
          document.getElementById('f_hh').innerHTML = h;
          //分钟赋值
         document.getElementById('f_mm').innerHTML = m;
          //秒赋值
          document.getElementById('f_ss').innerHTML = s;
    }, 1000);
</script>

 

posted @ 2013-09-27 17:07  foreverking  阅读(287)  评论(0编辑  收藏  举报