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


Posted in Javascript onAugust 12, 2016

本文实例为大家分享了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>秒后回到主页 <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 = "//3water.com";
 }
 },1000);
 
 function goBack(){ 
 window.history.go(-1);
 } 
 </script> 
 </body>
</html>

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

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

Javascript 相关文章推荐
麦鸡的TAB切换功能结合了javascript和css
Dec 17 Javascript
js 获取计算后的样式写法及注意事项
Feb 25 Javascript
对之前写的jquery分页做下升级
Jun 19 Javascript
Javascript实现快速排序(Quicksort)的算法详解
Sep 06 Javascript
详解AngularJS中自定义过滤器
Dec 28 Javascript
理解javascript中的严格模式
Feb 01 Javascript
jQuery中iframe的操作(点击按钮新增窗口)
Apr 20 Javascript
JS对大量数据进行多重过滤的方法
Nov 04 Javascript
简单谈谈axios中的get,post方法
Jun 25 Javascript
electron demo项目npm install安装失败的解决方法
Feb 06 Javascript
p5.js入门教程之小球动画示例代码
Mar 15 Javascript
原生js封装的ajax方法示例
Aug 02 Javascript
javascript实现瀑布流动态加载图片原理
Aug 12 #Javascript
jquery实现垂直和水平菜单导航栏
Aug 27 #Javascript
JS实现图片剪裁并预览效果
Aug 12 #Javascript
JS数组去掉重复数据只保留一条的实现代码
Aug 11 #Javascript
分享JS数组求和与求最大值的方法
Aug 11 #Javascript
利用JavaScript阻止表单提交的两种方法
Aug 11 #Javascript
防止Node.js中错误导致进程阻塞的办法
Aug 11 #Javascript
You might like
php+mysql写的简单留言本实例代码
2008/07/25 PHP
Yii分页用法实例详解
2014/12/04 PHP
阿里云PHP SMS短信服务验证码发送方法
2017/07/11 PHP
javascript比较文档位置
2008/04/08 Javascript
Jquery ui css framework
2010/06/28 Javascript
jquery实现的让超出显示范围外的导航自动固定屏幕最顶上
2011/09/22 Javascript
jquery实现弹出层完美居中效果
2014/03/03 Javascript
javascript实例分享---具有立体效果的图片特效
2014/06/08 Javascript
JQuery判断radio是否选中并获取选中值的示例代码
2014/10/17 Javascript
深入理解JavaScript系列(50):Function模式(下篇)
2015/03/04 Javascript
JS实现的左侧竖向滑动菜单效果代码
2015/10/19 Javascript
jQuery给元素添加样式的方法详解
2015/12/30 Javascript
JavaScript、jQuery与Ajax的关系
2016/01/24 Javascript
jQuery实现表格文本框淡入更改值后淡出效果
2016/09/27 Javascript
本地Bootstrap文件字体图标引入却无法显示问题的解决方法
2020/04/18 Javascript
jQuery使用正则验证15/18身份证的方法示例
2017/04/27 jQuery
前端html中jQuery实现对文本的搜索功能并把搜索相关内容显示出来
2017/11/14 jQuery
Nuxt.js 数据双向绑定的实现
2019/02/17 Javascript
JavaScript多种页面刷新方法小结
2019/04/04 Javascript
[01:00:14]DOTA2-DPC中国联赛 正赛 Ehome vs Elephant BO3 第二场 2月28日
2021/03/11 DOTA
Python实现Const详解
2015/01/27 Python
Python 多进程和数据传递的理解
2017/10/09 Python
把csv文件转化为数组及数组的切片方法
2018/07/04 Python
python占位符输入方式实例
2019/05/27 Python
python 正则表达式参数替换实例详解
2020/01/17 Python
pandas中read_csv、rolling、expanding用法详解
2020/04/21 Python
学生如何注册Pycharm专业版以及pycharm的安装
2020/09/24 Python
Python常用扩展插件使用教程解析
2020/11/02 Python
什么是组件架构
2016/05/15 面试题
介绍一下JNDI的基本概念
2013/07/26 面试题
父亲生日宴会答谢词
2014/01/10 职场文书
卫校毕业生个人自我鉴定
2014/04/28 职场文书
2014年业务工作总结
2014/11/17 职场文书
董事长年会致辞
2015/07/29 职场文书
PyCharm 安装与使用配置教程(windows,mac通用)
2021/05/12 Python
vue 给数组添加新对象并赋值
2022/04/20 Vue.js