您的位置：首页 > Web前端 > JavaScript

js倒计时

2016-03-14 15:21 543 查看

第一种
<html>
<head>
<script type="text/javascript">
var c=100000000
var t
function timedCount(){
document.getElementById('but').disabled=true
c=c-1000
if(c<0){
document.getElementById('txt').value="game over!"
return;
}
showTime(c)
t=setTimeout("timedCount()",1000)
}

function stopCount(){
document.getElementById('but').disabled=false
setTimeout(c,0);
clearTimeout(t);
}

function resetCount(){
stopCount();
c=100000000
showTime(c)
}

function showTime(nMS){
    var nD = Math.floor(nMS/(1000 * 60 * 60 * 24));  
    var nH = Math.floor(nMS/(1000*60*60)) % 24;  
    var nM = Math.floor(nMS/(1000*60)) % 60;  
    var nS = Math.floor(nMS/1000) % 60;
    if (nS<10)nS ="0" +nS
    document.getElementById('txt').value=nH+":"+nM+":"+nS;  
}  

</script>
</head>
<body>
<form>
<input type="button" value="开始计时！" onClick="timedCount()" id="but">
<input type="button" value="停止计时！" onClick="stopCount()">
<input type="button" value="重置计时！" onClick="resetCount()">
<input type="text" id="txt">
</form>
</body>
</html>

第二种
var EndTime = new Date('${groupon.endTime}');
var NowTime = new Date();
var nMS = EndTime.getTime() - NowTime.getTime();

$(document).ready(function(){
if(nMS>1000){
window.setInterval(showTime,1000);
}else{
$("#ctcontent").text("已过期！");
}
// 	setTimeout("showTime()",1000);
});

function showTime(){debugger
nMS = nMS - 1000;
var nD = Math.floor(nMS/(1000 * 60 * 60 * 24));
var nH = Math.floor(nMS/(1000*60*60)) % 24;
var nM = Math.floor(nMS/(1000*60)) % 60;
var nS = Math.floor(nMS/1000) % 60;
$("#ctday").text(nD);
$("#cttime").text(nH+":"+nM+":"+nS);
}

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航