溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

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

發(fā)布時(shí)間：2021-02-26 15:42:05 來源：億速云 閱讀：466 作者：戴恩恩 欄目：web開發(fā)

這篇文章主要介紹了使用javascript如何實(shí)現(xiàn)一個(gè)5秒倒計(jì)時(shí)并跳轉(zhuǎn)功能，億速云小編覺得不錯，現(xiàn)在分享給大家，也給大家做個(gè)參考，一起跟隨億速云小編來看看吧！

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>倒計(jì)時(shí)五秒</title>
 <script>
 //使用匿名函數(shù)方法
 function countDown(){
 
 var time = document.getElementById("Time");
 //alert(time.innerHTML);
 //獲取到id為time標(biāo)簽中的內(nèi)容，現(xiàn)進(jìn)行判斷
 if(time.innerHTML == 0){
 //等于0時(shí)清除計(jì)時(shí)
 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實(shí)現(xiàn)5秒倒計(jì)時(shí)

<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();
});
//自動刷新頁面上的時(shí)間
function after(){
 $("#time").empty().append(i);
 i=i-1;
 setTimeout(function(){
 after();
 },1000);
}
</script>

點(diǎn)擊按鈕出現(xiàn)5秒倒計(jì)時(shí)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="免費(fèi)獲取驗(yàn)證碼" 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="免費(fèi)獲取驗(yàn)證碼"; 
 countdown = 5;

return;//避免無限循環(huán)
 } 
setTimeout(function() {
settime(val) 
},1000) 
}
</script>
</body>
</html>

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

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手