使用JavaScript实现页面倒计时-优快云博客

本文链接：https://blog.youkuaiyun.com/lovedbaobao/article/details/52809364

本文介绍如何利用JavaScript实现页面倒计时效果，并通过修改a标签默认行为使其执行特定函数而非直接跳转。同时，文章还介绍了innerHTML属性的用法，即如何设置或返回元素内的HTML内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

附上源码:

<!DOCTYPE HTML>
<html>
<head>
	<title>浏览器对象</title>
	<meta charset="utf-8">
</head>
<body>
<h2>操作成功!</h2>
<p>
<span id="second">5</span>秒后回到主页 <a href=javascript:back()>返回</a>
</p>

<script type="text/javascript">
var num=document.getElementById("second").innerHTML;
function back()
{
	history.back();
}
function count()
{
	num--;
	document.getElementById("second").innerHTML=num;
	if(num==0)
	{
		window.location.assign("http://www.imooc.com");
	}
}
setInterval(count,1000);
</script>
</body>
</html>

收获:

a标签的默认事件是跳转，加上javascript:是让超链接去执行JS代码，而不是去跳转.
```
<a href="javascript:goback()">
```
就是让a标签执行goback()函数。
innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML。如：<div id="aa">这是内容</div> ，我们可以通过 document.getElementById('aa').innerHTML 来获取id为aa的对象的内嵌内容；也可以对某对象插入内容，如 document.getElementById('abc').innerHTML='这是被插入的内容'; 这样就能向id为abc的对象插入内容。
location.assign里的地址要加http://

js做的简单返回页