July404
2019-10-10 12:20
<!DOCTYPE html>
<html>
<head>
<title>浏览器对象</title>
<meta http-equiv="Content-Type" content="text/html; charset=gkb" />
</head>
<body>
<!--先编写好网页布局-->
<h3><b>操作成功</b></h3>
<span id="ms">5</sapn>秒后回到主页 <a href="#" onclick="goBack()">返回</a>
<script type="text/javascript">
//获取显示秒数的元素,通过定时器来更改秒数。
var num=6;
function clock()
{
document.getElementById("ms").innerHTML=num-1;
}
num--;
setInterval("clock()",1000);
//通过window的location和history对象来控制网页的跳转。
function goBack()
{
window.history.back;
}
</script>
</body>
</html>
<body onload="clock()"> <!--先编写好网页布局--> <h3><b>操作成功</b></h3> <!-- <span id="ms">5</sapn> 标签写错了 --> <span id="ms">5</span>秒后回到主页 <a href="#" onclick="goBack()">返回</a> <script type="text/javascript"> //获取显示秒数的元素,通过定时器来更改秒数。 var num = 6; function clock() { // document.getElementById("ms").innerHTML=num-1;--> 写了num-- 以后不需要写这个 num--; document.getElementById("ms").innerHTML = num; if (num == 0) { window.location.replace('http://www.baidu.com') return; } // num--;挪进方法里边 setTimeout("clock()", 1000); } //通过window的location和history对象来控制网页的跳转。 function goBack() { // window.history.back===>要加括号调用; window.history.back(); } </script> </body>
然后如果你要看setIterval的写法可以参考我上一个回答,
setTimeout:是从现在算起多少ms后运行该代码(只运行一次),执行完销毁重新创建,至始至终只有一个存在
setInterval:是每隔多少ms运行一次代码,这个代码会不断的执行的,不清楚继续使用会出现出现多个定时器一起计时
<!DOCTYPE html> <html> <head> <title>浏览器对象</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> </head> <body onload="timerb()"> <!--先编写好网页布局--> <h3>操作成功</h3> <p id="p1"></p> <button onclick="goBack()">返回</button> <script type="text/javascript"> //获取显示秒数的元素,通过定时器来更改秒数。 var num = 10; var timer = null; function timerb() { document.getElementById('p1').innerHTML = num + '秒后跳到首页' num--; if (!timer) { timer = setInterval("timerb()", 1000) } if (num === 0) { timer = null; location.replace('http://www.baidu.com') } } //通过window的location和history对象来控制网页的跳转。 function goBack(){ window.history.back() } </script> </body> </html>
JavaScript进阶篇
468194 学习 · 21891 问题
相似问题