JS倒计时代码

Posted 小江

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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){
			    	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倒计时代码的主要内容,如果未能解决你的问题,请参考以下文章

JS 倒计时实现代码(时、分,秒)

js倒计时代码还剩多少天

帮忙小小的修改一下JS代码,关于倒计时的。

求每天距下班时间倒计时JS代码

js循环倒计时代码 每5秒循环倒计时到0 再从5秒开始 到0之后刷新页面 类似网易的滚动新闻

Js倒计时代码精确到毫秒。