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进阶篇
469065 学习 · 22582 问题
相似问题