完美运行带思路
<!DOCTYPE html>
<html>
<head>
<title>浏览器对象</title>
<meta http-equiv="Content-Type" content="text/html; charset=gkb"/>
</head>
<body>
<!--先编写好网页布局-->
<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("https://www.imooc.com");
}
else{
document.getElementById("sqtimen").innerText=num;
num=num-1;
var i=setTimeout(change,1000);
}
//获取显示秒数的元素,通过定时器来更改秒数。
//通过window的location和history对象来控制网页的跳转。
function goback(){
window.history.back();
}
}
change();
</script>
</body>
</html>
利用H3标签输出
利用p标签里面嵌套span标签并设置一个id用于接收数据,“秒后回到首页”继续嵌套用a标签属性里加入onclick事件,
设置变量 var num=5;
创建change()方法,
if判断(num==0)停止计时i,打开网站
else:用document.getElementById("").innerText=num;num的值赋给<span>idName,
num--;
创建时间计时器方法change每秒运行一次当num等于0满足条件,停止计时操作打开网站。
change();调用方法