本文与大家分享个 js 实现倒计时的代码,主要实现功能距离结束还有多少时间,感兴趣的朋友可以参考下,希望对大家学习 js 有所帮助
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
- <SCRIPT LANGUAGE="JavaScript">
- < !--
- var maxtime = 60 * 60; //60*60 //一个小时,按秒计算,自己调整!
- function CountDown() {
- if (maxtime >= 0) {
- //minutes = Math.floor(maxtime/60);
- seconds = Math.floor(maxtime`);
- //msg = "距离结束还有"+minutes+"分"+seconds+"秒";
- msg = "距离结束还有" + seconds + "秒";
- document.all["timer"].innerhtml = msg;
- if (maxtime == 5 * 60) {
- alert('注意,还有5分钟!');
- }--maxtime;
- } else {
- clearInterval(timer);
- //alert("时间到,结束!");
- maxtime = 60 * 60;
- timer = setInterval("CountDown()", 1000);
- }
- }
- timer = setInterval("CountDown()", 1000);
- //-->
- </SCRIPT>
- <div id="timer" style="color:red">
- </div>
- <SCRIPT LANGUAGE="JavaScript">
- < !--
- var maxtime = 5 * 60; //60*60 //一个小时,按秒计算,自己调整!
- var timer;
- function CountDown() {
- if (maxtime >= 0) {
- var minutes = Math.floor(maxtime / 60);
- var seconds = Math.floor(maxtime`);
- var msg = "距离刷新还有" + minutes + "分" + seconds + "秒";
- $('#timer').html(msg);
- //document.all["timer"].innerHTML=msg;
- --maxtime;
- } else {
- clearInterval(timer);
- //一下两个方法是倒计时结束后调用的方法
- searchTaskList();
- myajax();
- //设置下一次的倒计时
- maxtime = 5 * 60;
- timer = setInterval("CountDown()", 1000);
- }
- }
- timer = setInterval("CountDown()", 1000);
- //-->
- </SCRIPT>
- <div id="timer" style="display:inline;color:red">
- </div>
来源: