| 标题 | 纯javascript实现的倒计时插件 |
| 范文 | 纯javascript实现的倒计时插件,具体代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title></title> </head> <body> <p> <span>剩余：</span> <span id="RemainD">0</span> <span>天</span> <span id="RemainH">0</span> <span>小时</span> <span id="RemainM">0</span> <span>分</span> <span id="RemainS">0</span> <span>秒</span> </p> <script type="text/javascript"> var StartTime = new Date('2013/9/6 23:26:00');//开始时间 var EndTime = new Date('2013/9/7 23:00:00');//结束时间 var NowTime_Server = new Date('2013/9/6 23:42:55');//服务器时间 var NowTime_Client = new Date();//客户端时间 var param = NowTime_Client - NowTime_Server;//客户端和服务器时间校准参数 var timer; function SetTime(_time) { var nD, nH, nM, nS; nD = Math.floor(_time / (1000 * 60 * 60 * 24)); nH = Math.floor(_time / (1000 * 60 * 60)) % 24; nM = Math.floor(_time / (1000 * 60)) % 60; nS = Math.floor(_time / 1000) % 60; document.getElementById("RemainD").innerHTML = nD; document.getElementById("RemainH").innerHTML = nH; document.getElementById("RemainM").innerHTML = nM; document.getElementById("RemainS").innerHTML = nS; } function GetRemainTime() { var NowTime = new Date(); NowTime.setTime(NowTime.getTime() - param);//客户端和服务器时间校准 var nMS = NowTime - StartTime; var eMS = EndTime - NowTime; if(nMS > 0 && eMS > 0){ SetTime(eMS); } else if(nMS < 0) { console.log('还未开始'); }else if(eMS < 0){ console.log('已经结束'); SetTime(0); return; } timer = setTimeout("GetRemainTime()", 1000); } GetRemainTime(); </script> </body> </html> |
| 随便看 |
|
在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板，是学习及工作的有利工具。