使用javascript如何實現(xiàn)一個5秒倒計時并跳轉(zhuǎn)功能

這篇文章主要介紹了使用javascript如何實現(xiàn)一個5秒倒計時并跳轉(zhuǎn)功能，創(chuàng)新互聯(lián)小編覺得不錯，現(xiàn)在分享給大家，也給大家做個參考，一起跟隨創(chuàng)新互聯(lián)小編來看看吧！

成都創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設(shè),渾源企業(yè)網(wǎng)站建設(shè),渾源品牌網(wǎng)站建設(shè),網(wǎng)站定制,渾源網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,渾源網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。

Java可以用來干什么

Java主要應(yīng)用于：1. web開發(fā)；2. Android開發(fā)；3. 客戶端開發(fā)；4. 網(wǎng)頁開發(fā)；5. 企業(yè)級應(yīng)用開發(fā)；6. Java大數(shù)據(jù)開發(fā)；7.游戲開發(fā)等。

具體內(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.href="https://www.baidu.com" 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>

以上就是創(chuàng)新互聯(lián)小編為大家收集整理的使用javascript如何實現(xiàn)一個5秒倒計時并跳轉(zhuǎn)功能，如何覺得創(chuàng)新互聯(lián)網(wǎng)站的內(nèi)容還不錯，歡迎將創(chuàng)新互聯(lián)網(wǎng)站推薦給身邊好友。

分享名稱：使用javascript如何實現(xiàn)一個5秒倒計時并跳轉(zhuǎn)功能
網(wǎng)址分享：http://jinyejixie.com/article2/ijopic.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供標(biāo)簽優(yōu)化、小程序開發(fā)、品牌網(wǎng)站建設(shè)、動態(tài)網(wǎng)站、自適應(yīng)網(wǎng)站、電子商務(wù)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

使用javascript如何實現(xiàn)一個5秒倒計時并跳轉(zhuǎn)功能

Java可以用來干什么