<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>自動跳轉首頁</title>
<style>
p{
text-align: center;
}
span{
color: #e726ff;
}
</style>
<script>
/*
分析：
1、顯示頁面效果<p>
2、倒計時讀取秒效果實現
2.1 定義一個方法，獲取span標籤，修改span標籤體內容
2.2 定義一個定時器，1秒執行一次該方法
3、在方法中判斷，如果時間<=0,跳轉到首頁
*/
var second = 5;
function fun() {
second--;
if (second<=0){
location.href = "https://www.csdn.net/";
}
var time = document.getElementById("time");
time.innerHTML = second+"";
}
//設置定時器，1秒執行一次
setInterval(fun,1000);
</script>
</head>
<body>
<p>
<span id="time">5</span>秒後，自動跳轉首頁
</p>
</body>
</html>
JavaScript：實現自動跳轉首頁
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章