DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JS實現n秒後自動跳轉的兩種方法
JS實現n秒後自動跳轉的兩種方法
編輯:關於JavaScript     

本文實例為大家分享了JS實現n秒後自動跳轉的兩種方法,供大家參考,具體內容如下

第一種使用SetInterval

$(function () {

      setInterval(ChangeTime, 1000);

    });

    function ChangeTime() {

      var time;

      time = $("#time").text();

      time = parseInt(time);

      time--;

      if (time <= 0) {

        window.location.href = "/Home/Index";

      } else {

        $("#time").text(time);

      }

    }

第二種使用SetTimeout:

$(function () {

      setTimeout(ChangeTime, 1000);

    });

    function ChangeTime() {

      var time;

      time = $("#time").text();    

      time = parseInt(time);

      time--;

      if (time <= 0) {

        window.location.href = "/Home/Index";

      } else {

        $("#time").text(time);

        setTimeout(ChangeTime, 1000);

      }

    }

<div>你訪問的頁面出現異常,<span id="time">5</span>秒鐘自動跳到首頁</div>

以上就是本文的全部內容,希望對大家學習javascript程序設計有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved