标签：
今天闲来无事帮一小白妹子写了一段按天数 倒计时代码 由于我良心大的好代码写的还是比较用心的
大神路过请帮我指点一二
var options = { y : 2015 ,//目标年 m : 6 ,//目标月 d : 1 ,//目标日 id : document.getElementById(‘divdown1‘),//显示日期元素的id endText : ‘0‘ ,//当时间结束后的文本信息 unit : ‘天‘, //时间后的单位 timer : null, target : function () { return (new Date(this.y,(this.m-1),this.d)).getTime();} } //初始化函数 options.init = function (targetTime) { var time = new Date(); var startTime = time.getTime(); var currentTime = targetTime-startTime; var endTiem = parseInt(currentTime/1000)/60/60/24; var t = Math.ceil(endTiem); var value = t+options.unit ; if(t<=0){ value = options.endText+options.unit; options.id.innerHTML=value; clearInterval(options.timer); } options.id.innerHTML=value; options.timer = setInterval(function () { var times = new Date(); if(times.getHours()==0 && times.getSeconds()==0){ options.init(options.target()) } },1000); } //初始化 options.init(options.target());
顺面提供一份小白文书：
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
</head>
<body>
<span id="divdown1"></span>
<script type="text/javascript">
/*
*主要逻辑就是 是把时间转化成时间戳后用 目标时间－当前时间 ＝ 剩余的天数 而后转换成天
*
*/
//配置项
var options = {
y : 2015 ,//目标年
m : 6 ,//目标月
d : 1 ,//目标日
id : document.getElementById(‘divdown1‘),//显示日期元素的id
endText : ‘0‘ ,//当时间结束后的文本信息
unit : ‘天‘, //时间后的单位
timer : null,
target : function () { return (new Date(this.y,(this.m-1),this.d)).getTime();}
}
//初始化函数
options.init = function (targetTime) {
var time = new Date();
var startTime = time.getTime();
var currentTime = targetTime-startTime;
var endTiem = parseInt(currentTime/1000)/60/60/24;
var t = Math.ceil(endTiem);
var value = t+options.unit ;
if(t<=0){
value = options.endText+options.unit;
options.id.innerHTML=value;
clearInterval(options.timer);
}
options.id.innerHTML=value;
options.timer = setInterval(function () {
var times = new Date();
if(times.getHours()==0 && times.getSeconds()==0){
options.init(options.target())
}
},1000);
}
//初始化
options.init(options.target());
</script>
</body>
</html>
标签：
原文地址：http://www.cnblogs.com/WebCodeEngineer/p/4535806.html
