手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js实现浏览器倒计时跳转页面效果
js实现浏览器倒计时跳转页面效果
摘要:本文实例为大家分享了js浏览器倒计时跳转页面效果,供大家参考,具体内容如下效果图:浏览器对象操作成功5秒后回到主页返回varsec=docu...

本文实例为大家分享了js浏览器倒计时跳转页面效果,供大家参考,具体内容如下

效果图:

js实现浏览器倒计时跳转页面效果1

<!DOCTYPE html> <html> <head> <title>浏览器对象</title> <meta http-equiv="Content-Type" content="text/html; charset=gb123"/> </head> <body> <H4>操作成功</H4> <p> <b id="second">5</b>秒后回到主页<a href="javascript:goBack();">返回</a> </p> <script type="text/javascript"> var sec = document.getElementById("second"); var i = 5; var timer = setInterval(function(){ i--; sec.innerHTML = i; if(i==1){ window.location.href = "http://www.jb51.net"; } },1000); function goBack(){ window.history.go(-1); } </script> </body> </html>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持查字典教程网。

【js实现浏览器倒计时跳转页面效果】相关文章:

javascript实现动态改变层大小的方法

JS+CSS实现的拖动分页效果实例

js实现带按钮的上下滚动效果

js实现发送验证码后的倒计时功能

jQuery实现返回顶部效果的方法

JS实现模拟风力的雪花飘落效果

如何实现浏览器上的右键菜单

jQuery实现文本展开收缩特效

JavaScript实现简单的数字倒计时

js设置document.domain实现跨域的注意点分析

精品推荐
分类导航