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

这篇文章主要为大家详细介绍了js浏览器倒计时跳转页面效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

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

效果图:

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

<!DOCTYPE html> <html> <head> <title>浏览器对象</title> <meta http-equiv="Content-Type" content="text/html; charset=gb123"/> </head> <body> <H4>操作成功</H4> <p> <b>5</b>秒后回到主页&nbsp;<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 = "//www.jb51.net"; } },1000); function goBack(){ window.history.go(-1); } </script> </body> </html>

更多关于倒计时的文章请查看专题: 《倒计时功能》

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wzxwjy.html