首頁  >  文章  >  web前端  >  Javascript倒數頁面跳轉實例小結_時間日期

Javascript倒數頁面跳轉實例小結_時間日期

WBOY
WBOY原創
2016-05-16 17:22:491088瀏覽

例1:

複製碼 代碼如下:


代碼如下:



代碼如下:



代碼如下:



代碼如下:



    var startTime = new Date();
    var endTime=startTime.getTime() 10*60*1000;    var g_blinktitle = document.title;
    function getRemainTime(){

 nMS =endTime - nowTime.getTime();
        var nM=Math.floor(nMS/(1000*60)) % 60;
        var nS=Math.floor(nMS/1000) %   &nS==0&&nMS         {
            window.fo 🎜>            window.location.reload();
        }
        if(nS
        if(nMS >= 0){    nerHTML= nM "分" nS "秒";
            setTimeout("getRemainTime()",1000);
        }  Msg()
    {
        document.title = g_blinkswitch % 2==0 ? "【   】 - " g_blinktitle : "【新訊息】 - "
        g_blinktitle;      🎜>

10分00秒 

例2

倒數跳頁
複製程式碼


程式碼如下:


JS倒計時網頁自動跳到程式碼 title>   <br><script language="JavaScript" type="text/javascript"><BR> function delayURL(url) {<BR>  var delay = document.getElementById("time").innerHTML;< if; (delay > 0) {<BR>   delay--;<BR>   document.getElementById("time").innerHTML = delay;<BR>  } else {<BR>  window.top.url; >  }<BR>  setTimeout("delayURL('" url "')", 1000);<BR> }<BR></script><br><span id="time" style="background: #00BFFF">3</span>秒鐘後自動跳轉,如果不跳轉,請點擊下面的連結<a href="http://www.jb51.net">我的百度</a><br><br>delayURL("http://www.jb51.net");
 

例3 防刷新的倒數代碼

複製程式碼
程式碼如下:


 
 
>
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn