js实现浏览器倒计时跳转页面效果
js实现浏览器倒计时跳转页面效果
发布时间:2016-12-30 来源:查字典编辑
摘要:本文实例为大家分享了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>

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

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类