jQuery實(shí)現(xiàn)倒計(jì)時(shí)跳轉(zhuǎn)的例子
更新時(shí)間:2014年05月05日 10:57:26 作者:
這篇文章主要介紹了jQuery實(shí)現(xiàn)倒計(jì)時(shí)跳轉(zhuǎn)的例子,需要的朋友可以參考下
實(shí)現(xiàn)代碼:
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>跳轉(zhuǎn)頁(yè)面</title>
<script src="jquery.js"></script>
<script language="javascript"><!--
$(document).ready(function() {
function jump(count) {
window.setTimeout(function(){
count--;
if(count > 0) {
$('#num').attr('innerHTML', count);
jump(count);
} else {
location.;
}
}, 1000);
}
jump(3);
});
// --></script>
</head>
<body>
<span style="color:red">歡迎來(lái)到j(luò)b51.net!</span><br/>jb51.net頁(yè)面將在3秒后跳轉(zhuǎn)...<br/>還剩<span id="num">3</span>秒
</body>
</html>
可以復(fù)制代碼并保存到文件中,直接用瀏覽打開(kāi)測(cè)試效果,注意引入jquery.js文件。
復(fù)制代碼 代碼如下:
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>跳轉(zhuǎn)頁(yè)面</title>
<script src="jquery.js"></script>
<script language="javascript"><!--
$(document).ready(function() {
function jump(count) {
window.setTimeout(function(){
count--;
if(count > 0) {
$('#num').attr('innerHTML', count);
jump(count);
} else {
location.;
}
}, 1000);
}
jump(3);
});
// --></script>
</head>
<body>
<span style="color:red">歡迎來(lái)到j(luò)b51.net!</span><br/>jb51.net頁(yè)面將在3秒后跳轉(zhuǎn)...<br/>還剩<span id="num">3</span>秒
</body>
</html>
可以復(fù)制代碼并保存到文件中,直接用瀏覽打開(kāi)測(cè)試效果,注意引入jquery.js文件。
您可能感興趣的文章:
- jquery實(shí)現(xiàn)手機(jī)發(fā)送驗(yàn)證碼的倒計(jì)時(shí)代碼
- JQuery實(shí)現(xiàn)倒計(jì)時(shí)按鈕具體方法
- jquery簡(jiǎn)單倒計(jì)時(shí)實(shí)現(xiàn)方法
- 基于jQuery的倒計(jì)時(shí)實(shí)現(xiàn)代碼
- jQuery倒計(jì)時(shí)代碼(超簡(jiǎn)單)
- JQuery實(shí)現(xiàn)倒計(jì)時(shí)按鈕的實(shí)現(xiàn)代碼
- 利用jQuery實(shí)現(xiàn)漂亮的圓形進(jìn)度條倒計(jì)時(shí)插件
- jquery 倒計(jì)時(shí)效果實(shí)現(xiàn)秒殺思路
- jQuery實(shí)現(xiàn)倒計(jì)時(shí)按鈕功能代碼分享
- jQuery實(shí)現(xiàn)倒計(jì)時(shí)功能 jQuery實(shí)現(xiàn)計(jì)時(shí)器功能
相關(guān)文章
ASP.NET Core中間件會(huì)話狀態(tài)讀寫(xiě)及生命周期示例
這篇文章主要為大家介紹了ASP.NET Core中間件會(huì)話狀態(tài)讀寫(xiě)及生命周期示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-04-04
ASP.NET中Cookie狀態(tài)的說(shuō)明與用法
這篇文章主要介紹了ASP.NET中Cookie狀態(tài)的說(shuō)明與用法,需要的朋友可以參考下2015-10-10
如何將asp.net core程序部署到Linux服務(wù)器
這篇文章主要介紹了將asp.net core程序部署到Linux服務(wù)器上的詳細(xì)過(guò)程,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-09-09
VS2005 水晶報(bào)表在時(shí)部署時(shí)遇到的問(wèn)題
前幾天在服務(wù)器上部署一個(gè)B/S程序的時(shí)候,程序中的水晶報(bào)表部分出了些問(wèn)題,報(bào)錯(cuò):Server Error in '/' Application.2010-02-02
silverlight2.0Beta版TextBox輸入中文解決方法
silverlight Beta 2.0 中TetBox輸入漢字,除MS自己的輸入法,其它所有輸入法都會(huì)出現(xiàn)輸入的東西會(huì)在TextBox中重復(fù)一次的現(xiàn)像,google ,Baidu了一下,大家說(shuō)好像是silverlight自己的一個(gè)BUG,可能會(huì)在Repleass的時(shí)候修改。2008-10-10
.NET必知的EventCounters性能指標(biāo)監(jiān)視器詳解
這篇文章主要介紹了.NET必知的EventCounters性能指標(biāo)監(jiān)視器,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-11-11
asp.net 產(chǎn)生隨機(jī)顏色實(shí)現(xiàn)代碼
asp.net 隨機(jī)顏色產(chǎn)生實(shí)現(xiàn)代碼,需要的朋友拿過(guò)去測(cè)試一下。2009-11-11
asp.net下無(wú)法循環(huán)綁定投票的標(biāo)題和選項(xiàng)的解決方法
asp.net下無(wú)法循環(huán)綁定投票的標(biāo)題和選項(xiàng)與無(wú)法循環(huán)獲得用戶的選擇的解決方法。2010-12-12
微信小程序基于騰訊云對(duì)象存儲(chǔ)的圖片上傳功能
這篇文章主要介紹了微信小程序基于騰訊云對(duì)象存儲(chǔ)的圖片上傳功能,需要的朋友可以參考下2018-03-03

