zoukankan      html  css  js  c++  java
  • 倒计时

    效果演示

    限时秒杀,还剩余1小时3950

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

    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>
    
  • 相关阅读:
    Windows Vs2010 + Qt5
    Java基础1
    关键字volatile
    内联函数
    Const详解2
    模板特化
    引用
    旧代码中的"enum hack"
    angularjs之ngoption
    angularjs之向下一个页面传参
  • 原文地址:https://www.cnblogs.com/aure/p/5178165.html
Copyright © 2011-2022 走看看