JavaScript實現(xiàn)倒計時跳轉(zhuǎn)頁面功能【實用】
更新時間：2016年12月13日 15:26:47 作者：softwarefang
本文分享了JavaScript實現(xiàn)倒計時跳轉(zhuǎn)頁面功能的具體實例代碼，頁面代碼簡單，直接拷貝就能運行，頁面可以自己美化下哦。需要的朋友一起來看下吧
這里給大家提供一個好用的JS寫的倒計時頁面，就像一些網(wǎng)站上點提交后出現(xiàn)的倒計時頁面類似。
頁面代碼簡單，直接拷貝就能運行，頁面可以自己美化下。
<!--這里定義倒計時開始數(shù)值-->
<span id="totalSecond">5</span>
<!--定義js變量及方法-->
<script language="javascript" type="text/javascript">
var second = document.getElementById('totalSecond').textContent;
if (navigator.appName.indexOf("Explorer") > -1)
{
second = document.getElementById('totalSecond').innerText;
} else
{
second = document.getElementById('totalSecond').textContent;
}
setInterval("redirect()", 1000);
function redirect()
{
if (second < 0)
{
<!--定義倒計時后跳轉(zhuǎn)頁面-->
location.href = 'default.aspx';
} else
{
if (navigator.appName.indexOf("Explorer") > -1)
{
document.getElementById('totalSecond').innerText = second--;
} else
{
document.getElementById('totalSecond').textContent = second--;
}
}
}
</script>
以上就是本文的全部內(nèi)容，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助，同時也希望多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了開源一個微信小程序儀表盤組件過程解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-07-07
這篇文章主要為大家介紹了CodeReview常見的幾個問題梳理解決，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-12-12
這篇文章主要為大家詳細(xì)介紹了js微信分享的實現(xiàn)代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08
關(guān)于JS Lodop打印插件打印Bootstrap樣式錯亂問題的解決方案
關(guān)于Lodop打印是個很牛逼的打印插件，但是打印Bootstrap的樣式的時候就容易錯亂，下面通過本文給大家分享下這方面的問題2016-12-12
使用 jQuery(Ajax)/PHP/MySQL實現(xiàn)自動完成功我覺得我有必要寫這個教程，因為曾經(jīng)見到的大部分關(guān)于自動完成的應(yīng)用程序都只是給你一個程序源碼包，然后告訴你怎么使用，而不是告訴你它是如何工作的以及為什么這樣做。2008-06-06
JavaScript 如何計算文本的行數(shù)的實現(xiàn)
這篇文章主要介紹了JavaScript 如何計算文本的行數(shù)的實現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-09-09
javascript 函數(shù)及作用域總結(jié)介紹
本文是對javascript在的函數(shù)及作用域進行了詳細(xì)的總結(jié)介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
本篇文章主要介紹了詳解JS獲取HTML DOM元素的8種方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
你知道JavaScript中的結(jié)果值是什么嗎？這篇文章主要介紹了JavaScript結(jié)果值，感興趣的小伙伴們可以參考一下2016-10-10
這篇文章主要為大家詳細(xì)介紹了js通過循環(huán)多張圖片實現(xiàn)動畫效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-12-12