JavaScript實現倒計時跳轉頁面功能【實用】
更新時間：2016年12月13日 15:26:47 作者：softwarefang
本文分享了JavaScript實現倒計時跳轉頁面功能的具體實例代碼，頁面代碼簡單，直接拷貝就能運行，頁面可以自己美化下哦。需要的朋友一起來看下吧
這里給大家提供一個好用的JS寫的倒計時頁面，就像一些網站上點提交后出現的倒計時頁面類似。
頁面代碼簡單，直接拷貝就能運行，頁面可以自己美化下。
<!--這里定義倒計時開始數值-->
<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)
{
<!--定義倒計時后跳轉頁面-->
location.href = 'default.aspx';
} else
{
if (navigator.appName.indexOf("Explorer") > -1)
{
document.getElementById('totalSecond').innerText = second--;
} else
{
document.getElementById('totalSecond').textContent = second--;
}
}
}
</script>
以上就是本文的全部內容，希望本文的內容對大家的學習或者工作能帶來一定的幫助，同時也希望多多支持腳本之家！
相關文章
這篇文章主要介紹了使用JS函數實現網頁標題(title)閃動效果的代碼,需要的朋友可以參考下2014-05-05
下面小編就為大家?guī)硪黄齽t js分轉元帶千分符號詳解。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-03-03
這篇文章主要介紹了uniapp手寫滾動選擇器的完整代碼(時間選擇器),本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧2024-07-07
showModelessDialog()使用詳解...2006-09-09
這篇文章主要介紹了JS實現的對象去重功能,結合實例形式分析了javascript針對json對象的遍歷、判斷、運算實現去重功能相關操作技巧,需要的朋友可以參考下2019-06-06
javascript改變position值實現菜單滾動至頂部后固定
現在很多網站都有這樣的一個效果，當頁面滾動到一定高度時，菜單欄會固定在頁面頂部;該效果在 ie6 下不支持，因為ie6不支持 position:fixed,效果很不錯，感興趣的朋友可以了解下啊2013-01-01
這篇文章主要介紹了COM組件中調用JavaScript函數詳解及實例的相關資料,需要的朋友可以參考下2017-02-02
Layui框架的table.render方法是用于渲染表格的核心功能,通過配置對象定義表格樣式、列和數據源,cols數組中的每個對象通過field屬性與數據源綁定,指定要顯示的數據字段,本文給大家介紹Layui?table.render的使用,感興趣的朋友一起看看吧2024-09-09
這篇文章主要為大家詳細介紹了微信小程序自定義復選框，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
在項目中經常會用到動態(tài)加載js,下面這篇文章主要給大家介紹了關于js腳本加載失敗問題的解決辦法,文中通過實例代碼介紹的非常詳細,對大家學習或者使用js具有一定的參考學習價值,需要的朋友可以參考下2023-06-06