溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了使用javascript如何實現一個5秒倒計時并跳轉功能，億速云小編覺得不錯，現在分享給大家，也給大家做個參考，一起跟隨億速云小編來看看吧！
Java主要應用于：1. web開發；2. Android開發；3. 客戶端開發；4. 網頁開發；5. 企業級應用開發；6. Java大數據開發；7.游戲開發等。
具體內容如下
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>倒計時五秒</title>
<script>
//使用匿名函數方法
function countDown(){
var time = document.getElementById("Time");
//alert(time.innerHTML);
//獲取到id為time標簽中的內容，現進行判斷
if(time.innerHTML == 0){
//等于0時清除計時
window.location.href="https://www.baidu.com" rel="external nofollow" ;
}else{
time.innerHTML = time.innerHTML-1;
}
}
//1000毫秒調用一次
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實現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>點擊按鈕出現5秒倒計時js代碼
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</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="重新發送(" + countdown + ")";
countdown--;
}else {
val.removeAttribute("disabled");
val.value="免費獲取驗證碼";
countdown = 5;
return;//避免無限循環
}
setTimeout(function() {
settime(val)
},1000)
}
</script>
</body>
</html>以上就是億速云小編為大家收集整理的使用javascript如何實現一個5秒倒計時并跳轉功能，如何覺得億速云網站的內容還不錯，歡迎將億速云網站推薦給身邊好友。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
