javascript實現(xiàn)5秒倒計時并跳轉(zhuǎn)功能
更新時間：2019年06月20日 11:23:03 作者：lzpwzy
這篇文章主要為大家詳細(xì)介紹了javascript實現(xiàn)5秒倒計時并跳轉(zhuǎn)功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下
本文實例為大家分享了js實現(xiàn)5秒倒計時并跳轉(zhuǎn)功能的具體代碼，供大家參考，具體內(nèi)容如下
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>倒計時五秒</title>
<script>
//使用匿名函數(shù)方法
function countDown(){
var time = document.getElementById("Time");
//alert(time.innerHTML);
//獲取到id為time標(biāo)簽中的內(nèi)容，現(xiàn)進行判斷
if(time.innerHTML == 0){
//等于0時清除計時
window.location. rel="external nofollow" ;
}else{
time.innerHTML = time.innerHTML-1;
}
}
//1000毫秒調(diào)用一次
window.setInterval("countDown()",1000);
</script>
<style>
#Time,#p{
font-size: 100px;
text-align: center;
}
</style>
</head>
<body>
<p id="Time">5</p>
</body>
</html>
再為大家分享兩段：
jQuery實現(xiàn)5秒倒計時
<script src="jquery-1.8.2.min.js"></script>
<script type="text/javascript">
var i=5;
$(function(){
setTimeout(function(){
window.location.href='${ctx}/';
},5000);//5秒后返回首頁
after();
});
//自動刷新頁面上的時間
function after(){
$("#time").empty().append(i);
i=i-1;
setTimeout(function(){
after();
},1000);
}
</script>
點擊按鈕出現(xiàn)5秒倒計時js代碼
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標(biāo)題文檔</title>
<script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
<input type="button" id="btn" value="免費獲取驗證碼" onclick="settime(this)" />
<script type="text/javascript">
var countdown=5;
function settime(val) {
if(countdown != 0){
val.setAttribute("disabled", true);
val.value="重新發(fā)送(" + countdown + ")";
countdown--;
}else {
val.removeAttribute("disabled");
val.value="免費獲取驗證碼";
countdown = 5;
return;//避免無限循環(huán)
}
setTimeout(function() {
settime(val)
},1000)
}
</script>
</body>
</html>
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
利用javascript如何隨機生成一定位數(shù)的密碼
這篇文章主要給大家介紹了關(guān)于利用javascript如何隨機生成一定位數(shù)的密碼的相關(guān)資料，文中給出了詳細(xì)的示例代碼，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2017-09-09
這篇文章主要介紹了js中如何獲取JSON數(shù)組的長度問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-04-04
javascript實現(xiàn)div浮動在網(wǎng)頁最頂上并帶關(guān)閉按鈕效果實例
我們有時會看到有些網(wǎng)站最頂部一直會跟著我們滾動而滾動了，這種方法其實很簡單，下面我來給大推薦一個javascript實現(xiàn)div浮動在網(wǎng)頁最頂上并帶關(guān)閉按鈕效果2013-08-08
Javascript Ajax異步讀取RSS文檔具體實現(xiàn)
這篇文章主要介紹了Javascript Ajax異步讀取RSS文檔具體實現(xiàn)，有需要的朋友可以參考一下2013-12-12
JS正則表達(dá)式修飾符中multiline(/m)用法分析
這篇文章主要介紹了JS正則表達(dá)式修飾符中multiline(/m)用法,結(jié)合實例形式分析了JS正則中多行模式multiline的功能、使用方法與相關(guān)注意事項,需要的朋友可以參考下2016-12-12
這篇文章主要介紹了JavaScript乘法口訣表的簡單實現(xiàn)，文中給出了詳細(xì)的示例代碼，這樣對大家的理解和學(xué)習(xí)更有幫助，有需要的朋友們可以參考借鑒，下面來一起看看吧。2016-10-10
這篇文章給大家介紹IE6兼容透明背景圖片以及在IE6中的透明圖片不是透明顯示的解決方案,有需要的朋友可以參考下2015-08-08
學(xué)習(xí)使用Bootstrap輸入框、導(dǎo)航、分頁等常用組件
這篇文章主要教大家學(xué)習(xí)使用Bootstrap輸入框、導(dǎo)航、分頁等常用組件，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
能通過Array.prototype.slice轉(zhuǎn)換為真正的數(shù)組的帶有l(wèi)ength屬性的對象。2010-10-10
JavaScript與DropDownList 區(qū)別分析
大家都知道，.NET中一些Web服務(wù)器控件解析并編譯，最終被渲染的時候，其實是轉(zhuǎn)化成了普通的html控件。2010-01-01