js控制5秒后页面自动跳转
来源:互联网 发布:网络销售模式案例分析 编辑:程序博客网 时间:2024/05/22 16:57
分别用 setTimeout() 和 setInterval() 实现
1.setTimeout()
<!DOCTYPE html><html><body> <span id="jumpTo">5</span>秒后自动跳转到http://www.baidu.com/ <script> countDown(5); function countDown(secs) { var jumpTo = document.getElementById("jumpTo"); jumpTo.innerHTML = secs; if (--secs > 0) setTimeout("countDown(" + secs + ")", 1000); else location.href = "http://www.baidu.com/"; } </script> </body></html>
2.setInterval(),需要clearInterval()函数配合
<!DOCTYPE html><html><body> <span id="jumpTo">5</span>秒后自动跳转到http://www.baidu.com/ <button id="btnJump" onclick="location = 'http://www.baidu.com'" >立刻跳转</button> <script> autoRedirect(); function autoRedirect() { var casetime = { init: function () { window.zibrtimer = setInterval(this.change, 1000); }, change: function () { var time = document.getElementById("jumpTo").innerHTML; time = parseInt(time); time--; document.getElementById("jumpTo").innerHTML = time; if (time == 0) { window.clearInterval(window.zibrtimer); alert("a"); location.href = "http://www.baidu.com" return; } }, }; casetime.init(); } </script></body></html>
0 0
- js控制5秒后页面自动跳转
- js控制过5秒后页面自动跳转
- js控制5秒后页面自动跳转
- js控制5秒后页面自动跳转
- js控制5秒后页面自动跳转
- js控制5秒后页面自动跳转
- js控制5秒后页面自动跳转(带读秒)
- js 3秒后自动跳转页面
- 5秒后自动跳转页面
- js 5秒自动跳转页面
- js控制显示多少秒后跳转到另一个页面
- js控制alert后n秒自动跳转
- js控制30秒自动页面跳转,带读秒
- JS 控制页面超时后自动跳转到登陆页面
- JS 控制页面超时后自动跳转到登陆页面
- 登录成功,5秒后自动跳转到管理页面
- JavaScript实现页面5秒后自动跳转的方法
- PHP 5秒后自动跳转到某页面
- Web设计——初识HTML
- HDU1045 Fire Net(DFS)
- Spring MVC 教程,快速入门,深入分析
- Eclipse External Tools --变量设置
- Android ListView详解(一)
- js控制5秒后页面自动跳转
- Linux内存管理之mmap详解
- 用法
- Java第一周:1.2
- Cypher语言语法简介
- Android 4.4+ 实现半透明状态栏(Translucent Bars)
- 1099. Build A Binary Search Tree (30)
- 【Linux 学习】数据流重导向
- USBKey使用openssl链接