zoukankan      html  css  js  c++  java
  • JS倒计时代码

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title>js test</title>
    		<script>
    		/*
    			时间倒计时插件
    			TimeDown.js
    			*/
    			function TimeDown(id, endDateStr,times) {
    			    //结束时间
    			    var endDate = new Date(endDateStr);
    			    //当前时间
    			    var nowDate = new Date();
    			    //相差的总秒数
    			    var totalSeconds = parseInt((endDate - nowDate) / 1000);
    			    //天数
    			    var days = Math.floor(totalSeconds / (60 * 60 * 24));
    			    //取模(余数)
    			    var modulo = totalSeconds % (60 * 60 * 24);
    			    //小时数
    			    var hours = Math.floor(modulo / (60 * 60));
    			    modulo = modulo % (60 * 60);
    			    //分钟
    			    var minutes = Math.floor(modulo / 60);
    			    //秒
    			    var seconds = modulo % 60;
    			    //输出到页面
    			    document.getElementById(id).innerHTML = "还剩:" + days + "天" + hours + "小时" + minutes + "分钟" + seconds + "秒";
    			    //延迟一秒执行自己
    			    if(times>minutes && minutes!=0){
    			    	times--;
    			    	//修改数据库时间
    			    	console.log("写入数据库数据:" + times);
    			    }
    			    setTimeout(function () {
                  //15分钟结束后暂停倒计时
                      if(minutes>=0){
                          TimeDown(id,endDateStr,times);
                      }
    			    }, 1000)
     
    			}
    		</script>
    	</head>
    	<body>
    		 <form id="form1" runat="server">
    	        <div id="show">
    	        </div>
            <script type="text/javascript">
            		var times = 15;
    	        //获取当前时间
    	        	var date = new Date();
    	        //修改分钟
    	        	date.setMinutes(date.getMinutes()+times);
    	            TimeDown("show",date,times);
            </script>
        </form>
    	</body>
    </html>
    

      

  • 相关阅读:
    UVA 10970-Big Chocolate
    HUAS Summer Trainning #3 L
    HUAS Summer Trainning #3 K
    HUAS Summer Trainning #3 E
    HUAS Summer Trainning #3 C
    HUAS Summer Trainning #3 B
    HUAS Summer Trainning #3 A
    2015 HUAS Summer Training#2 G
    2015 HUAS Summer Training#2 F
    2015 HUAS Summer Training#2 E
  • 原文地址:https://www.cnblogs.com/c-c-c-c/p/10119830.html
Copyright © 2011-2022 走看看