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>
    
  • 相关阅读:
    简单查询
    Scott用户表
    记一次Sqoop抽数据异常
    Flink+Druid构建实时OLAP的探索
    客户端埋点实时OLAP指标计算方案
    Kafka服务不可用(宕机)问题踩坑记
    实时计算-多级订单金额,及下级人数
    Apache Druid0.15.0安装方式
    superset安装文档
    Scala的常用小技巧
  • 原文地址:https://www.cnblogs.com/aure/p/5178165.html
Copyright © 2011-2022 走看看