倒计时

Posted 2020-06-13

效果演示

限时秒杀，还剩余1小时39分50秒

随便写的代码，还有待改进。下面是源代码：

javascript Code

<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>