一個簡單的js計時函數(shù)(多次定時)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style>  h1{text-align:center;font-size:40px;} </style></head><body> <h1 id="number">  <!-- 倒計時還有 01時01分01秒 --> </h1> <script>  //設置倒計時的時間范圍  var seconds = 1000;  //手工調用計時函數(shù)  timeRun();  //定時調用函數(shù)  var timer = setInterval(timeRun, 1000);  //倒計時函數(shù)  function timeRun(){   //獲取 h1   var h1 = document.getElementById('number');   //判斷   if (seconds <= 0) {    h1.innerHTML = "Game Over";    h1.style.fontSize = "120px";    clearInterval(timer);    return;   }   //計算 秒數(shù) 里面包含的小時數(shù)   var h = Math.floor(seconds / 3600);   //計算剩下的秒數(shù)   var s = seconds - h * 3600;   //在從剩下的秒數(shù)中 取出 分鐘   var m = Math.floor(s / 60);   //計算剩下的秒數(shù)   s -= m * 60;    //處理數(shù)字 <10的數(shù)字前加0   h = (h<10)?'0'+h:h;   m = (m<10)?'0'+m:m;   s = (s<10)?'0'+s:s;   //拼接字符串   var message = "倒計時還有 "+h+'時'+m+'分'+s+'秒';   //把字符串輸出到h1中   h1.innerHTML = message;   //秒數(shù)減少   seconds --;  } </script></body></html>以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持VeVb武林網(wǎng)。
 
  | 
新聞熱點
疑難解答