步驟
1顯示頁(yè)面效果,
2倒計(jì)時(shí)讀秒效果實(shí)現(xiàn)
2.1定義一個(gè)方法,獲取span標(biāo)簽,修改span標(biāo)簽體內(nèi)容,時(shí)間---------;
2.2定義一個(gè)定時(shí)器,一秒執(zhí)行一次該方法
3在方法中判斷如果時(shí)間
注意
time.=second+"";
是用來(lái)顯示和修改標(biāo)簽里面內(nèi)容的
**DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Titletitle>
head>
<style>
p{
text-align: center;
}
#time{
color: red;
}
style>
<body>
<p>
<span id="time">5span>秒后跳轉(zhuǎn)到百度
p>
<script>
var second=5;
var time = document.getElementById("time");
function show() {
second--;
if(second==0){
//跳轉(zhuǎn)頁(yè)面
location.href="https://www.baidu.com";
}
//用來(lái)動(dòng)態(tài)設(shè)置里面的內(nèi)容
time.innerHTML=second+"";
}
//用來(lái)實(shí)現(xiàn)這個(gè)一秒實(shí)現(xiàn)一次這個(gè)方法
setInterval(show,1000);
script>
body>
html>**
效果如圖所示倒計(jì)時(shí)后跳轉(zhuǎn)百度頁(yè)面
新創(chuàng)建一個(gè)公眾號(hào) Rockey小何同學(xué) 想相互交流的同學(xué)可以關(guān)注一下哈! 感謝支持!