倒计时JS代码，简洁实用，大气。

最新推荐文章于 2024-10-06 12:17:25 发布

running8

最新推荐文章于 2024-10-06 12:17:25 发布

阅读量1.1k

点赞数 1

分类专栏： js

js 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1.0,user-scalable=0">
<title>JS和jQuery倒计时插件</title>
<style type="text/css">
*{margin: 0;padding: 0;font-family: 'Microsoft YaHei','Lantinghei SC','Open Sans',Arial,'Hiragino Sans GB','STHeiti','WenQuanYi Micro Hei','SimSun',sans-serif;}
div{
	float:left;
	width: auto;
	height: 100px;
	background: #0c2345;
	font-size: 60px;
	color: #fff;
	line-height: 100px;
	text-align: center;
	font-weight: 500;
	border-radius: 5px;
	margin-right: 10px;
	padding-left:20px;
	padding-right:20px;
}
</style>
</head>

<body style="padding:30px">
<div id="day">--</div>
<div id="hours">--</div>
<div id="minutes">--</div>
<div id="seconds">--</div>


<script type="text/javascript">
var countDownTime = {
	init: function(a, b, c, d, e) {
		this.t = a, this.d = b, this.h = c, this.m = d, this.s = e
	},
	start: function() {
		var a = this;
		setInterval(a.timer, 1e3)
	},
	timer: function(a) {
		var b, c, d, e, f, g, h;
		a = this.countDownTime, b = new Date, c = new Date(a.t), d = c.getTime() - b.getTime(), e = Math.floor(a.formatTime(d, "day")), f = Math.floor(a.formatTime(d, "hours")), g = Math.floor(a.formatTime(d, "minutes")), h = Math.floor(a.formatTime(d, "seconds")), a.d && (a.d.innerText = a.formatNumber(e)), a.h && (a.h.innerText = a.formatNumber(f)), a.m && (a.m.innerText = a.formatNumber(g)), a.s && (a.s.innerText = a.formatNumber(h))
	},
	formatNumber: function(a) {
		if(a<=0){a=0}
		return a = a.toString(), a[1] ? a : "0" + a
	},
	formatTime: function(a, b) {
		switch (b) {
			case "day":
				return a / 1e3 / 60 / 60 / 24;
			case "hours":
				return a / 1e3 / 60 / 60 % 24;
			case "minutes":
				return a / 1e3 / 60 % 60;
			case "seconds":
				return a / 1e3 % 60
		}
	}
};
var	day = document.getElementById('day');
var	hours = document.getElementById('hours');
var	minutes = document.getElementById('minutes');
var seconds = document.getElementById('seconds');
// 日 时 分 秒的dom对象
countDownTime.init('2018/08/08 18:38:08', day, hours, minutes, seconds);
countDownTime.start();
</script>
</body>
</html>