Javascript倒計時

時間 2019-11-18

原文原文鏈接

倒計時跳轉頁面：javascript

<title>JS倒計時網頁自動跳轉代碼</title>  
<script language="JavaScript" type="text/javascript">
 function delayURL(url) {
  var delay = document.getElementById("time").innerHTML;//最好加個parseInt
  if(delay > 0) {
    delay--;
    document.getElementById("time").innerHTML = delay;
  } else {
   window.top.location.href = url;
  }
  setTimeout("delayURL('" + url + "')", 1000);
 }
</script>
<span id="time" style="background: #00BFFF">3</span>秒鐘後自動跳轉，若是不跳轉，請點擊下面的連接<a href="http://www.jb51.net">個人百度</a>
<script type="text/javascript">
delayURL("http://www.jb51.net");
</script>

注意：html

setTimeout("delayURL('" + url + "')", 1000);

delayURL後面必定要加單引號，不然報錯。
咱們這裏的url爲一個字符串.

小時倒計時：

<SCRIPT LANGUAGE="JavaScript">    
<!--    
var maxtime = 60*60 //一個小時，按秒計算，本身調整!    
function CountDown(){    
if(maxtime>=0){    
　　minutes = Math.floor(maxtime/60);    
　　seconds = Math.floor(maxtime%60);    
　　msg = "距離結束還有"+minutes+"分"+seconds+"秒";    
　　document.all["timer"].innerHTML=msg;    
　　if(maxtime == 5*60) alert('注意，還有5分鐘!');    
　　　　--maxtime;    
}    
else{    
　　clearInterval(timer);    
　　alert("時間到，結束!");    
}    
}    
timer = setInterval("CountDown()",1000);    
//-->    
</SCRIPT>    
<div id="timer" style="color:red"></div>



另外一種倒計時：

function count()
{
    var startTime=new Date();
    var endTime=startTime.getTime()+5*60*1000;
    function remainTime()
    {
        var nowTime=new Date();
        var nMS=endTime-nowTime.getTime();
        var nM=Math.floor(nMS/(60*1000));
        var nS=Math.floor((nMS/1000))%60;
        if(nM==0 && nS==0)
        {
            alert("結束");
        }
    if(nS < 10) nS = "0" + nS;
        if(nMS>=0)
        {
            document.getElementById("timer").innerHTML=nM+"分"+nS+"秒";
            setTimeout(remainTime,1000);
        }
    }
    remainTime();
}

咱們每次都會求出java

當前時間與規定到期時間差值，單位爲秒。web

而後將秒轉化爲幾分幾秒。url

網頁中實現一個計算當年還剩多少時間的倒數計時程序，要求網頁上實時動態顯示「××年還剩××天××時××分××秒」

<body>
<input type="text" value="" id="input" size="1000"/>
<script type="text/javascript">
function counter() {
var date = new Date();
var year = date.getFullYear();
var date2 = new Date(year, 12, 31, 23, 59, 59);
var time = (date2 - date)/1000;

var day =Math.floor(time/(24*60*60))
var hour = Math.floor(time%(24*60*60)/(60*60))
var minute = Math.floor(time%(24*60*60)%(60*60)/60);
var second = Math.floor(time%(24*60*60)%(60*60)%60);
var str = year + "年還剩"+day+"天"+hour+"時"+minute+"分"+second+"秒";
document.getElementById("input").value = str;
}
window.setInterval("counter()", 1000);
</script>
</body>
</html>

getDate()	從 Date 對象返回一個月中的某一天 (1 ~ 31)。	1	3
getDay()	從 Date 對象返回一週中的某一天 (0 ~ 6)。	1	3
getMonth()	從 Date 對象返回月份 (0 ~ 11)。	1	3
getFullYear()	從 Date 對象以四位數字返回年份。	1	4
getYear()	請使用 getFullYear() 方法代替。	1	3
getHours()	返回 Date 對象的小時 (0 ~ 23)。	1	3
getMinutes()	返回 Date 對象的分鐘 (0 ~ 59)。	1	3
getSeconds()	返回 Date 對象的秒數 (0 ~ 59)。	1	3
getMilliseconds()	返回 Date 對象的毫秒(0 ~ 999)。	1	4
getTime()	返回 1970 年 1 月 1 日至今的毫秒數。