求一倒计时特效

bo523 2009-12-23 09:51:40
我想要一JS倒计时特效,要求是要精确到秒的,同志们谢谢啦!!!
...全文
66 3 打赏 收藏 举报
写回复
3 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
hookee 2009-12-23
  • 打赏
  • 举报
回复

<script>
var edt = new Date("2010/1/1");
var dif = 0;
var tid;
function doit(){
var dt = new Date();
dif = (edt - dt);
if(dif==0){
clearInterval(tid); tid = null;
}
else{
var d = Math.floor(dif / (24*60*60*1000));
var h = Math.floor((dif - d * (24*60*60*1000)) / (60 * 60 * 1000));
var m = Math.floor(((dif - d * (24*60*60*1000))- h * (60 * 60 * 1000)) / (60 * 1000));
var s = Math.floor((dif - d*24*60*60*1000 - h*60*60*1000 - m*60*1000)/1000)
document.getElementById("d").innerHTML = d;
document.getElementById("h").innerHTML = h;
document.getElementById("m").innerHTML = m;
document.getElementById("s").innerHTML = s;
}
}
window.onload=function(){
var dt = new Date();
dif = (edt - dt);
document.getElementById("edt").innerHTML = fdt(edt);
tid = setInterval("doit(" + dif + ")",1000);
}
function fdt(dt){
var y = dt.getFullYear();
var m = dt.getMonth()+1;
var d = dt.getDate();
m = m <10?"0"+m:m;
d = d <10?"0"+d:d;
return y + "年" + m + "月" + d + "日";
}
</script>
离<span id="edt"></span>还有<span id="d"></span>天<span id="h"></span>小时<span id="m"></span>分<span id="s"></span>秒

Click_Me 2009-12-23
  • 打赏
  • 举报
回复

<script type="text/javascript">
function getDiffDate(m){
m-=(D=parseInt(m/86400000))*86400000;
m-=(H=parseInt(m/3600000))*3600000;
S=parseInt((m-=(M=parseInt(m/60000))*60000)/1000);
return D+'天'+H+'时'+M+'分'+S+'秒';
}
window.onload = function(){
setInterval(function(){
document.getElementById("diffTime").innerHTML = getDiffDate(new Date('2010/1/1')-new Date()); // 2010/1/1
}, 1000);
}
</script>
</head>
<body>
<div style="width:300px;height:40px;line-height:40px;background-color:#C0C0C0;font-size:12px;border:2px solid #808080">
距离2010年:<span id="diffTime" style="color:#FF0000;font-weight:bold"></span>
</div>
</body>
</html>

bo523 2009-12-23
  • 打赏
  • 举报
回复
输出的格式为: 距离 XX 还有 X天X小时X分X秒
发帖
JavaScript

8.7w+

社区成员

Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
帖子事件
创建了帖子
2009-12-23 09:51
社区公告
暂无公告