慕粉18229743112
2016-10-19 15:03
<!DOCTYPE html>
<html>
<head>
<title>浏览器对象</title>
<meta http-equiv="Content-Type" content="text/html; charset=gkb"/>
</head>
<body>
<!--先编写好网页布局-->
<h3>操作成功</h3>
<span id="num">5</span>
<span>秒后回到主页</span>
<a href="back()">返回</a>
<script type="text/javascript">
var time=document.getElementByld("num").innerHTML;
function change(){
time--;
document.getElementByld("num").innerHTML=time;
if(time==0)
location.assign("http://www.imooc.com");
}
//获取显示秒数的元素,通过定时器来更改秒数。
setInterval("change()",1000);
//通过window的location和history对象来控制网页的跳转。
function back(){
window.history.back();
}
</script>
</body>
</html>
为了让变量time获得初始值5;
让ID为num的标签内的内容变为time;time的值不断变化
innerHTML用来设置或获取位于对象起始和结束标签内的HTML。
没有写两遍啊,第一次和第二次不同的。第一次作用是得出值赋值给time,第二次是把time改变之后在赋值给document.getElementByld("num").innerHTML,他们不一样!
JavaScript进阶篇
468195 学习 · 21891 问题
相似问题