快捷導(dǎo)航

JS實現(xiàn)n秒后自動跳轉(zhuǎn)的兩種方法

更新時間：2020年11月30日 17:22:30 作者：576

這篇文章主要為大家詳細(xì)介紹了JS實現(xiàn)n秒后自動跳轉(zhuǎn)的兩種方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下

本文實例為大家分享了JS實現(xiàn)n秒后自動跳轉(zhuǎn)的兩種方法，供大家參考，具體內(nèi)容如下

第一種使用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>你訪問的頁面出現(xiàn)異常,<span id="time">5</span>秒鐘自動跳到首頁</div>

以上就是本文的全部內(nèi)容，希望對大家學(xué)習(xí)javascript程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

JS不能跨域借助jquery獲取IP地址的方法
JS不能跨域，所以這里借助了jquery，真的可以實現(xiàn)獲取IP地址,下面是示例代碼，需要的朋友可以參考下
2014-08-08
原生js封裝添加class,刪除class的實例
下面小編就為大家?guī)硪黄鷍s封裝添加class,刪除class的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧，希望對大家有所幫助
2017-11-11
uniapp與webview直接進(jìn)行傳值的代碼示例
在使用UniApp開發(fā)應(yīng)用時,經(jīng)常需要實現(xiàn)WebView與UniApp之間的數(shù)據(jù)交互,文中通過代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考借鑒價值,需要的朋友可以參考下
2024-09-09
js驗證手機(jī)號、密碼、短信驗證碼代碼工具類
這篇文章主要介紹了js驗證手機(jī)號、密碼、短信驗證碼代碼工具類，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-01-01
moment.js 時間日期處理詳解
這篇文章主要介紹了moment.js 時間日期處理詳解,本篇文章通過簡要的案例,講解了該項技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下
2021-09-09
JavaScript 事件監(jiān)聽實例代碼[兼容IE,firefox] 含注釋
JavaScript事件監(jiān)聽完整實例含注釋，非常的不錯，大家可以直接使用。
2009-08-08
layui 表單標(biāo)簽的校驗方法
今天小編就為大家分享一篇layui 表單標(biāo)簽的校驗方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-09-09
基于JavaScript打造一款桌面級便簽系統(tǒng)
本文將用html，css和JavaScript實現(xiàn)一個簡單的便簽系統(tǒng)。除非手動清空便簽，否則便簽會一直保留，非常方便。感興趣的小伙伴可以跟隨小編一起動手試一試
2022-02-02
在javascript中隨機(jī)數(shù) math random如何生成指定范圍數(shù)值的隨機(jī)數(shù)
本篇文章給大家介紹在javascript中隨機(jī)數(shù)math random如何生成指定范圍數(shù)值的隨機(jī)數(shù)，由于math.random生成了一個偽隨機(jī)數(shù)，之后還要經(jīng)過我們的后期處理。對隨機(jī)數(shù)math random感興趣的朋友一起了解了解吧
2015-10-10
JavaScript中的location、history、navigator對象實例介紹
這篇文章主要介紹了JavaScript中的location、history、navigator對象實例介紹,需要的朋友可以參考下
2023-05-05