在几秒之后跳转页面
程序员文章站
2022-03-03 08:53:29
...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<p></p>
<button>按钮</button>
<script>
var btn = document.querySelector("button");
var p = document.querySelector("p");
btn.addEventListener('click', function () {
location.href = "www.baidu.com";
})
var time = 5;
var timer = setInterval(function () {
if (time == 0) {
location.href = "www.baidu.com";
// clearInterval(timer);
// time = 5;
} else {
p.innerHTML = "您将在" + time + "秒后跳回去";
time--;
}
}, 1000)
</script>
</body>
</html>
推荐阅读
-
关于在php中跳转页面并且使用post传递参数的写法
-
Vue路由跳转到新页面时 默认在页面最底部 而不是最顶部 的解决
-
解决mui中页面跳转返回之后没有刷新页面的问题小结
-
解决Vue路由跳转之后,页面停留在上一个页面浏览位置,而不会回到顶部的问题
-
同一台电脑,如何限制他在一分钟内只能访问5次某个域名的动态页面。超过五次的,就跳转到指定静态页。
-
请教PHP怎么在登陆验证成功后跳转到登陆前访问的页面
-
在html页面不跳转,能否实现登录功能?
-
php-在PHP页面跳转到另外一个页面并且传POST值
-
PHP支付宝接口,支付完之后页面跳转有关问题
-
javascript - 如果我在index.html里设置了一个用户名,然后我从这个页面跳转到了b.html页面,如何让这个页面也能用这个用户名?