本帖最后由 hmhm123 于 2018-6-25 21:27 编辑
一.如下图想实现一个这样的效果
4秒之后或者你点击"返回"都可以跳到另外一个页面
二.思考1,点击返回肯定,跳转的页面很简单 2,关键是如何实现,每一秒钟减少一秒 3,我们可以考虑用一个定时器,每一秒钟执行一下方法, 4,在这个方法中拿到里面的值,减一就可以了 5,当里面的值为0的时候,就直接跳转到首页 三.实现步骤1,先搭骨架
2,实现基本效果
3,清除定时器
以下是所有代码
[HTML] 纯文本查看 复制代码 <html>
<head>
<title>浏览器对象</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<script type="text/javascript">
//定义一个初始值
var t = 5;
//循环执行方法
var t1 = setInterval("refresh()",1000);
//编写refresh方法,在方法中拿到span标签,将里面的值减减
function refresh(){
document.getElementById("time").innerHTML = --t;
//当t == 0 的时候进行跳转
if(t == 0){
location.href = "index.html";
//清空定时器
clearInterval(t1);
}
}
</script>
<body>
<h1>注册成功!!</h1>
<br />
<span id="time">5</span>秒后回到主页
<a href="index.html">返回</a>
</body>
<html>
|