手机
当前位置:查字典教程网 >编程开发 >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实现浏览器倒计时跳转页面效果】相关文章:

jQuery实现延迟跳转的方法

js实现精美的图片跟随鼠标效果实例

js实现仿Windows风格选项卡和按钮效果

js实现简单div拖拽功能实例

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

JavaScript实现单击下拉框选择直接跳转页面的方法

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

js+cookies实现悬浮购物车的方法

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

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

精品推荐
分类导航