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 相关文章推荐
JS代码格式化和语法着色V2
Oct 14 Javascript
学习ExtJS Column布局
Oct 08 Javascript
jQuery开发者都需要知道的5个小技巧
Jan 08 Javascript
JQuery给select添加/删除节点的实现代码
Apr 26 Javascript
AngularJS 中的事件详解
Jul 28 Javascript
JavaScript 总结几个提高性能知识点(推荐)
Feb 20 Javascript
JS实现运动缓冲效果的封装函数示例
Feb 18 Javascript
vue 标签属性数据绑定和拼接的实现方法
May 17 Javascript
JavaScript实现小球沿正弦曲线运动
Sep 07 Javascript
vue中axios请求的封装实例代码
Mar 23 Javascript
js判断在哪个浏览器打开项目的方法
Jan 21 Javascript
Ant Design moment对象和字符串之间的相互转化教程
Oct 27 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学习笔记之面向对象
2014/11/08 PHP
Zend Framework教程之Zend_Helpers动作助手ViewRenderer用法详解
2016/07/20 PHP
详解PHP安装mysql.so扩展的方法
2016/12/31 PHP
thinkPHP+mysql+ajax实现的仿百度一下即时搜索效果详解
2019/07/15 PHP
PHP使用Http Post请求发送Json对象数据代码解析
2020/07/16 PHP
非常好的js代码
2006/06/27 Javascript
jquery利用ajax调用后台方法实例
2013/08/23 Javascript
JavaScript中Date.toSource()方法的使用教程
2015/06/12 Javascript
JavaScript iframe数据共享接口实现方法
2016/01/06 Javascript
AngularJS入门(用ng-repeat指令实现循环输出
2016/05/05 Javascript
vue.js 左侧二级菜单显示与隐藏切换的实例代码
2017/05/23 Javascript
js中this对象用法分析
2018/01/05 Javascript
使用koa2创建web项目的方法步骤
2019/03/12 Javascript
JavaScript使用表单元素验证表单的示例代码
2019/08/20 Javascript
python简单实现获取当前时间
2016/08/27 Python
python 画三维图像 曲面图和散点图的示例
2018/12/29 Python
python 输出所有大小写字母的方法
2019/01/02 Python
Python3.5字符串常用操作实例详解
2019/05/01 Python
pyqt5 获取显示器的分辨率的方法
2019/06/18 Python
Windows上安装tensorflow  详细教程(图文详解)
2020/02/04 Python
利用Python脚本批量生成SQL语句
2020/03/04 Python
Python基于unittest实现测试用例执行
2020/11/25 Python
利用CSS3实现自定义滚动条代码分享
2016/08/18 HTML / CSS
HTML5中canvas中的beginPath()和closePath()的重要性
2018/08/24 HTML / CSS
HTML5中的Web Notification桌面右下角通知功能的实现
2018/04/19 HTML / CSS
Html+Css+Jquery实现左侧滑动拉伸导航菜单栏的示例代码
2020/03/17 HTML / CSS
BASIC HOUSE官方旗舰店:韩国著名的服装品牌
2018/09/27 全球购物
见习期自我鉴定
2014/01/31 职场文书
节约用水的口号
2014/06/20 职场文书
奉献家乡演讲稿
2014/09/13 职场文书
代收款委托书范本
2014/10/01 职场文书
2015年党员公开承诺书范文
2015/01/22 职场文书
小学元宵节活动总结
2015/02/06 职场文书
教师个人自我评价
2015/03/04 职场文书
解决go在函数退出后子协程的退出问题
2021/04/30 Golang
详解Mysq MVCC多版本的并发控制
2022/04/29 MySQL