美文网首页
倒计时切换页面

倒计时切换页面

作者: 度京 | 来源:发表于2015-01-01 21:31 被阅读326次

要求:

  1. 如果打开该页面后,如果不做任何操作则5秒后自动跳转到一个新的地址,如慕课网主页。

  2. 如果点击“返回”按钮则返回前一个页面。

我的代码:

<!DOCTYPE html>
<html>
<head>
<title>浏览器对象</title>
<meta http-equiv="Content-Type" content="text/html; charset=gkb"/>
</head>
<body>


操作成功

<a id="second">5</a>秒后 <b href="#" type="button" onClick="window.history.go(-1)">返回</b>
//通过window的location和history对象来控制网页的跳转。
<script type="text/javascript">
var seco=document.getElementById("second").innerHTML;
function sec(){
if(seco==1) {window.location.replace("http://www.baidu.com/"); }
document.getElementById("second").innerHTML=seco;
seco--;
setTimeout(sec,1000);
//获取显示秒数的元素,通过定时器来更改秒数。
}
sec();
</script>
</body>
</html>

一直运行不对,不能进行倒数,后来看了别人的把 document.getElementById("second")改成了document.getElementById("second").innerHTML,就好了。
不过百度了一下也没找到那个innerHTML究竟是什么作用,如有赐教就最好了。

相关文章

网友评论

      本文标题:倒计时切换页面

      本文链接:https://www.haomeiwen.com/subject/wcuztttx.html