完美運行帶思路
<!DOCTYPE html>
<html>
?<head>
? <title>瀏覽器對象</title> ?
? <meta http-equiv="Content-Type" content="text/html; charset=gkb"/>? ?
?</head>
?<body>
? <!--先編寫好網(wǎng)頁布局-->
? <h3>操作成功</h3>
? <p><span id="sqtimen"></span>秒后回到首頁<a href="#" onclick="goback()">返回</a></p>
?
?
?
? <script type="text/javascript"> ?
var num=5;
?function change(){
?? ?
?? ?if(num==0){
?? ?clearTimeout(i);
?? ? location.assign("http://idcbgp.cn");
?? ?}
?? ?else{
?? ?document.getElementById("sqtimen").innerText=num;
?? ?num=num-1;
?? ?var i=setTimeout(change,1000);
?? ?}
?
?? //獲取顯示秒數(shù)的元素,通過定時器來更改秒數(shù)。
?? //通過window的location和history對象來控制網(wǎng)頁的跳轉。
?? function goback(){
?? window.history.back();
?? }
}? ?
??? change();
?</script>
</body>
</html>
利用H3標簽輸出
利用p標簽里面嵌套span標簽并設置一個id用于接收數(shù)據(jù),“秒后回到首頁”繼續(xù)嵌套用a標簽屬性里加入onclick事件,
設置變量 var num=5;
創(chuàng)建change()方法,
if判斷(num==0)停止計時i,打開網(wǎng)站
else:用document.getElementById("").innerText=num;num的值賦給<span>idName,
num--;
創(chuàng)建時間計時器方法change每秒運行一次當num等于0滿足條件,停止計時操作打開網(wǎng)站。
change();調(diào)用方法
2019-11-14
666? 受教了
2019-11-12
nice? nice
2019-11-12
不錯,學習了
2019-11-07
學習學習
2019-10-30
寫得好