快捷導(dǎo)航

基于JavaScript實(shí)現(xiàn)網(wǎng)頁(yè)倒計(jì)時(shí)自動(dòng)跳轉(zhuǎn)代碼

更新時(shí)間：2015年12月28日 09:34:06 作者：jerrylsxu

這篇文章主要介紹了基于JavaScript實(shí)現(xiàn)網(wǎng)頁(yè)倒計(jì)時(shí)自動(dòng)跳轉(zhuǎn)代碼的相關(guān)資料,需要的朋友可以參考下

用JS實(shí)現(xiàn)網(wǎng)頁(yè)上的自動(dòng)跳轉(zhuǎn)功能，倒計(jì)時(shí)跳轉(zhuǎn)至指定網(wǎng)頁(yè)，倒計(jì)時(shí)間可自設(shè)，時(shí)間到則自動(dòng)跳轉(zhuǎn)到指定的網(wǎng)址，對(duì)于JS來(lái)說(shuō)，實(shí)現(xiàn)該似乎挺簡(jiǎn)單哦，用IIS上的301也可實(shí)現(xiàn)跳轉(zhuǎn)，以及mete標(biāo)簽也可以實(shí)現(xiàn)自動(dòng)跳轉(zhuǎn)，根據(jù)你自己的需要了。

<title>JS倒計(jì)時(shí)網(wǎng)頁(yè)自動(dòng)跳轉(zhuǎn)代碼</title>  
<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;
    }
    t = setTimeout("delayURL('" + url + "')", 1000);
  }
function stop1(){  
t && clearTimeout(t);
}
</script>
<span id="time" style="background: #00BFFF">1000</span>秒鐘后自動(dòng)跳轉(zhuǎn)，如果不跳轉(zhuǎn)，請(qǐng)點(diǎn)擊下面的鏈接<a >我的百度</a>
<input type="button" value="停止跳轉(zhuǎn)" onclick="stop1();">
<script type="text/javascript">
delayURL("http://www.baidu.com");
</script>

以上內(nèi)容是小編給大家分享的基于JavaScript實(shí)現(xiàn)網(wǎng)頁(yè)倒計(jì)時(shí)自動(dòng)跳轉(zhuǎn)代碼，希望大家喜歡。

您可能感興趣的文章:

相關(guān)文章

微信小程序獲取地理位置及經(jīng)緯度授權(quán)代碼實(shí)例
這篇文章主要介紹了微信小程序獲取地理位置及經(jīng)緯度授權(quán)代碼實(shí)例,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2019-09-09
js實(shí)現(xiàn)簡(jiǎn)易ATM功能
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)簡(jiǎn)易ATM功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-10-10
HTML5附件拖拽上傳drop & google.gears實(shí)現(xiàn)代碼
從gmail 的附件拖拽上傳，到網(wǎng)易郵箱的拖拽上傳，我們看到了html 5 為我們帶來(lái)了新的web體驗(yàn)。
2011-04-04
JavaScript動(dòng)態(tài)添加數(shù)據(jù)到表單并提交的幾種方式
這篇文章主要介紹了JavaScript動(dòng)態(tài)添加數(shù)據(jù)到表單并提交,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2019-06-06
利用Javascript仿Excel的數(shù)據(jù)透視分析功能
這篇文章給大家介紹了如何利用Javascript實(shí)現(xiàn)類(lèi)似Excel的數(shù)據(jù)透視分析功能，感興趣的朋友們可以參考借鑒，下面來(lái)一起看看吧。
2016-09-09
JavaScript實(shí)現(xiàn)網(wǎng)絡(luò)測(cè)速的方法詳解
在我們的日常生活中離不開(kāi)網(wǎng)絡(luò)，而網(wǎng)絡(luò)的快慢直接決定了用戶的產(chǎn)品使用體驗(yàn)。本文就來(lái)帶大家了解如何用JavaScript實(shí)現(xiàn)網(wǎng)絡(luò)測(cè)速，需要的可以參考一下
2023-01-01
微信通過(guò)頁(yè)面(H5)直接打開(kāi)本地app的解決方法
這篇文章主要為大家詳細(xì)介紹了微信通過(guò)頁(yè)面(H5)直接打開(kāi)本地app的解決方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-09-09
KnockoutJS 3.X API 第四章之click綁定
click綁定主要作用是用于DOM元素被點(diǎn)擊時(shí)調(diào)用相關(guān)JS函數(shù)。這篇文章主要介紹了KnockoutJS 3.X API 第四章之click綁定，感興趣的朋友一起看看吧
2016-10-10
JavaScript中日期格式化的實(shí)現(xiàn)方法
這篇文章主要為大家詳細(xì)介紹了JavaScript中日期格式化的一些實(shí)現(xiàn)方法,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下
2025-01-01
Javascript中實(shí)現(xiàn)trim()函數(shù)的兩種方法
這篇文章主要介紹了Javascript中實(shí)現(xiàn)trim()函數(shù)的兩種方法,本文直接給出實(shí)現(xiàn)代碼和使用方法,需要的朋友可以參考下
2015-02-02