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>

  

posted @ 2018-12-14 15:50  小江。  阅读(1553)  评论(0编辑  收藏  举报