javascript倒计时

81 阅读1分钟
原文链接: click.aliyun.com
以前做的JSP青鸟论坛里的一个JS功能,用于网页倒计时,在BODY的ONLOAD中启动那个函数即可。  <script language="javascript "> var i=5;   function clock(){ //document.title="本窗口将在 "+i+"秒后自动关闭! "; document.getElementById("s ").innerHTML = i; if(i>0) setTimeout("clock(); ",1000); else  //self.close(); window.history.back(-1);  // 跳转到其他页面 i--; }   </script> 2018年01月31日更新 做项目的时候又用到的倒计时的功能,不过显示要以一定的格式显示了,如图:  2d82cfa462352afe4575a5529bdc8227baba6030   相关代码如下:     /** * 倒计时 */     var timeout_index;     function clock() {
        var endtime = new Date(document.getElementById("endtime ").value);  //结束时间         var nowtime = new Date(); //现在时间         var cha = (endtime - nowtime); //差值是毫秒         var fen = Math.floor(cha / 1000 / 60); //分钟         var second = Math.ceil(cha / 1000 % 60); // 秒         if (fen < 0) {             fen = 0;         }         if (second < 0) {             second = 0;         }         if (fen < 10) {             fen = "0 " + fen;         }         if (second < 10) {             second = "0 " + second;         }         //  console.log("nowtime: " + nowtime + ", endtime: " + endtime + " ,cha: 00: " + fen + ": " + second  );
        if (second == "00 ") {             clearTimeout(timeout_index);             document.getElementById("span_djs ").innerHTML = "00:00:00 ";             document.getElementById('btn1').setAttribute('disabled', 'disabled');
        }         else {             document.getElementById("span_djs ").innerHTML = "00: " + fen + ": " + second;             timeout_index = setTimeout("clock(); ", 1000);         }
    }     clock();