js实现几秒倒计时之后自动跳转页面

点击按钮之后自动跳转到百度

<!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><button>跳转百度</button><div></div><script>var btn = document.querySelector('button');var div = document.querySelector('div')btn.addEventListener('click', function() {var times = 5;setInterval(function() {if (times == 0) {location.href = 'http://www.baidu.com';times = 5;} else {div.innerHTML = '还剩' + times + '秒自动跳转'times--;}}, 1000)})// 五秒后直接跳转var times = 5setInterval(function() {if (times == 0) {location.href = 'http://www.baidu.com';times = 5;} else {div.innerHTML = '还剩' + times + '秒自动跳转'times--;}}, 1000)</script>
</body></html>

js实现几秒倒计时之后自动跳转页面相关推荐

js进阶发送短信案例自动跳转页面
<body>手机号码:<input type="text" name="" id=""><button> ...
js开发实例 —— 发送短信验证码倒计时5S钟之后自动跳转页面
十九.发送短信验证码倒计时思路: ① 按钮点击之后,会禁用disabled为true. ② 同时按钮里面的内容会变化,注意button里面的内容通过innerHTML修改. ③ 里面秒数是有变化的, ...
js layui跳转页面_Layer.js提示层弹窗结束之后自动跳转到新页面的效果
弹层之美 Layer 是一款近年来备受青睐的web弹层组件,提供layer.open(options)核心调用方法.她具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会轻松地拥有丰富友好的 ...
JavaScript网页制作--五秒后自动跳转页面
JavaScript网页制作–五秒后自动跳转页面通常在浏览一些网站时,会出现网页不存在的情况,网页不存在之后,有些网站会在5秒后自动跳转到一个新的网页,比如网站的首页.可以利用定时器和locatio ...
案例：5分钟自动跳转页面监听单击事件倒计时跳转
案例:5分钟自动跳转页面点击跳转页面和自动跳转页面动图展示: 代码展示: <p>案例:5分钟自动跳转页面</p> <button>直接跳转</button ...
Android自动跳转页面和自杀页面的方法
自动跳转页面 final Intent intent=new Intent(this,BeginActivity.class);//要跳转的页面Timer timer=new Timer();Time ...
vue项目启动后自动跳转页面
通常情况下,执行完命令:npm run dev,需要手动打开页面,如果想要启动完让其自动跳转页面该如何设置呢? 找到项目目录下:config/index.js,设置其文件中autoOpenBrowse ...
微信小程序之自动跳转页面
微信小程序之自动跳转页面: 页面.wxml文件中定义桌面的程序: <scroll-view> < image src="../../images/first.png&quo ...
微信小程序setTimeout自动跳转页面
setTimeout(function() {console.log("开始进行跳转");wx.reLaunch({url: '../PikceTime/PikceTime',}) ...

js实现几秒倒计时之后自动跳转页面

js实现几秒倒计时之后自动跳转页面相关推荐

最新文章

热门文章