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