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

作者:回忆没了焦点 时间:2023-07-18 06:49:57 

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

效果图:

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


<!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>秒后回到主页&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>
标签:js,浏览器,倒计时,页面跳转
0
投稿

猜你喜欢

  • 设计和企业文化

    2009-03-28 10:35:00
  • Win7 x64 IIS运行ASP+Access故障完美解决方法(转)

    2012-03-27 18:30:35
  • 编写SQL需要注意的细节Checklist总结

    2012-10-07 10:43:57
  • 常用Oracle分析函数大全

    2023-07-03 08:16:14
  • 网站中视觉元素的设计

    2008-04-27 20:47:00
  • conn.execute的用法

    2008-07-03 12:58:00
  • MySQL优化之数据表的处理

    2008-12-22 14:45:00
  • 如何往SQL Server数据库传递日期数据?

    2010-06-08 09:29:00
  • asp动态调用不同include文件方法

    2007-09-26 14:22:00
  • 讲解SQL Server海量数据导入的最快方法

    2008-12-05 16:21:00
  • XML入门的常见问题(二)

    2008-09-05 17:20:00
  • 小白讲座:在win下mysql备份恢复命令概括

    2009-09-05 09:43:00
  • IE6中隐形的PNG8图片

    2009-11-27 18:38:00
  • CSS 那些事儿

    2008-12-02 18:19:00
  • ASP中Cookies集合使用方法详解

    2007-09-14 10:16:00
  • 如何做迅雷电影提示效果

    2011-03-31 17:15:00
  • 在IE下获取object(ActiveX)的Param

    2009-05-15 13:07:00
  • Python内建类型int源码学习

    2023-07-02 19:22:15
  • 使用 XML HTTP Request 对象[翻译]

    2007-11-07 21:11:00
  • swfobject2.1居中问题

    2008-12-15 17:18:00
  • asp之家 网络编程 m.aspxhome.com