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)文章
一個JS函數(shù)搞定網(wǎng)頁標題(title)閃動效果
這篇文章主要介紹了使用JS函數(shù)實現(xiàn)網(wǎng)頁標題(title)閃動效果的代碼,需要的朋友可以參考下2014-05-05
下面小編就為大家?guī)硪黄齽t js分轉(zhuǎn)元帶千分符號詳解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-03-03
這篇文章主要介紹了uniapp手寫滾動選擇器的完整代碼(時間選擇器),本文通過實例代碼給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友參考下吧2024-07-07
showModelessDialog()使用詳解...2006-09-09
這篇文章主要介紹了JS實現(xiàn)的對象去重功能,結(jié)合實例形式分析了javascript針對json對象的遍歷、判斷、運算實現(xiàn)去重功能相關(guān)操作技巧,需要的朋友可以參考下2019-06-06
javascript改變position值實現(xiàn)菜單滾動至頂部后固定
現(xiàn)在很多網(wǎng)站都有這樣的一個效果，當頁面滾動到一定高度時，菜單欄會固定在頁面頂部;該效果在 ie6 下不支持，因為ie6不支持 position:fixed,效果很不錯，感興趣的朋友可以了解下啊2013-01-01
COM組件中調(diào)用JavaScript函數(shù)詳解及實例
這篇文章主要介紹了COM組件中調(diào)用JavaScript函數(shù)詳解及實例的相關(guān)資料,需要的朋友可以參考下2017-02-02
Layui框架的table.render方法是用于渲染表格的核心功能,通過配置對象定義表格樣式、列和數(shù)據(jù)源,cols數(shù)組中的每個對象通過field屬性與數(shù)據(jù)源綁定,指定要顯示的數(shù)據(jù)字段,本文給大家介紹Layui?table.render的使用,感興趣的朋友一起看看吧2024-09-09
這篇文章主要為大家詳細介紹了微信小程序自定義復(fù)選框，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
在項目中經(jīng)常會用到動態(tài)加載js,下面這篇文章主要給大家介紹了關(guān)于js腳本加載失敗問題的解決辦法,文中通過實例代碼介紹的非常詳細,對大家學(xué)習(xí)或者使用js具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2023-06-06