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

更新时间：2016年08月12日 10:45:09 作者：回忆没了焦点

这篇文章主要为大家详细介绍了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>

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

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

您可能感兴趣的文章:

JavaScrip如何安全使用Payment Request API详解
这篇文章主要为大家介绍了JavaScrip如何安全使用Payment Request API详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-10-10
详解webpack-dev-middleware 源码解读
这篇文章主要介绍了webpack-dev-middleware 源码解读，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-03-03
记录鼠标的轨迹并回放的js代码
用js实现的记录鼠标的轨迹并回放的效果，非常不错。
2010-04-04
如何在postman测试用例中实现断言过程解析
这篇文章主要介绍了如何在postman测试用例中实现断言过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2020-07-07
layui 富文本赋值，取值，取纯文本值的实例
今天小编就为大家分享一篇layui 富文本赋值，取值，取纯文本值的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-09-09
ES6字符串和数值新增方法总结
ES6为js新增了很多方法,包括遍历、查询、替换等等,下面这篇文章主要给大家介绍了关于ES6字符串和数值新增方法的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2022-09-09
js将图片转base64的两种实现方法
这篇文章主要给大家介绍了关于js将图片转base64的两种实现方法,Base64是网络上最常见的用于传输8Bit字节码的编码方式之一,Base64就是一种基于64个可打印字符来表示二进制数据的方法,需要的朋友可以参考下
2023-07-07
js刷新页面方法大全
本文介绍下，用js刷新当前页面的几种方法，包括reload方法、replace方法、自动刷新方法等。有需要的朋友参考下吧
2008-05-05
js实现日期显示的一些操作(实例讲解)
下面小编就为大家带来一篇js实现日期显示的一些操作(实例讲解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-07-07
javascript鼠标滑过显示二级菜单特效
这篇文章主要为大家详细介绍了javascript鼠标滑过显示二级菜单特效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-07-07