javascript学习指南|Javascript倒计时跳转页面实例

时间:2018-07-13  来源:页面特效  阅读:

例1

倒计时刷新页面

 代码如下

<script type="text/javascript" language="JavaScript">
   
    var startTime = new Date();
    var endTime=startTime.getTime()+10*60*1000;
    var g_blinkswitch = 0;
    var g_blinktitle = document.title;
    function getRemainTime(){
                   
        var nowTime = new Date();
        var nMS =endTime - nowTime.getTime();
        var nM=Math.floor(nMS/(1000*60)) % 60;
        var nS=Math.floor(nMS/1000) % 60;
        if(nM==0&&nS==0&&nMS<1000) //当倒计时结束
        {
            window.focus();
            setInterval("blinkNewMsg()", 1000);
            window.location.reload();
        }
        if(nS < 10) nS = "0" + nS;
          
        if(nMS >= 0){
            document.getElementById("remainTime").innerHTML= nM + "分" + nS + "秒";

            setTimeout("getRemainTime()",1000);
        }
       
    }
   
    function blinkNewMsg()
    {
        document.title = g_blinkswitch % 2==0 ? "【   】 - " + g_blinktitle : "【新消息】 - " +
        g_blinktitle;
        g_blinkswitch++;
    }
 
   
    window.onload=getRemainTime;
   
    </script>

10分00秒

例2

倒计时跳转页面

 代码如下

JS倒计时网页自动跳转代码  
<script language="JavaScript" type="text/javascript">
 function delayURL(url) {
  var delay = document.getElementById("time").innerHTML;
  if(delay > 0) {
   delay--;
   document.getElementById("time").innerHTML = delay;
  } else {
   window.top.location.href = url;
  }
  setTimeout("delayURL("" + url + "")", 1000);
 }
</script>
3秒钟后自动跳转,如果不跳转,请点击下面的链接我的百度
<script type="text/javascript">
delayURL("http://www.111cn.net");
</script>

防刷新的倒计时代码

 代码如下

 
 
 
 
www.111cn.net 
 
 
<script LANGUAGE="JavaScript"> 

</script> 
  
 

javascript学习指南|Javascript倒计时跳转页面实例

http://m.bbyears.com/wangyetexiao/42829.html

推荐访问:
相关阅读 猜你喜欢
本类排行 本类最新