javascript倒计时

153 阅读1分钟
原文链接: yq.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();