码迷,mamicode.com
首页 > Web开发 > 详细

JS倒计时代码

时间:2018-12-14 17:23:44      阅读:211      评论:0      收藏:0      [点我收藏+]

标签:timeout   floor   body   执行   cond   har   show   nat   get   

<!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){
			    	times--;
			    	//修改数据库时间
			    	console.log("写入数据库数据:" + times);
			    }
			    setTimeout(function () {
			        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>

  

JS倒计时代码

标签:timeout   floor   body   执行   cond   har   show   nat   get   

原文地址:https://www.cnblogs.com/c-c-c-c/p/10119830.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!