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 相关文章推荐
解决extjs在firefox中关闭窗口再打开后iframe中js函数访问不到的问题
Nov 06 Javascript
jQuery UI Datepicker length为空或不是对象错误的解决方法
Dec 19 Javascript
Javascript URI 解析介绍
Mar 15 Javascript
JavaScript中Date对象的常用方法示例
Oct 24 Javascript
自学实现angularjs依赖注入
Dec 20 Javascript
js实现导航栏中英文切换效果
Jan 16 Javascript
js自制图片放大镜功能
Jan 24 Javascript
JS实现多张图片预览同步上传功能
Jun 23 Javascript
详解Vue用自定义指令完成一个下拉菜单(select组件)
Oct 31 Javascript
cordova入门基础教程及使用中遇到的一些问题总结
Nov 14 Javascript
详解React服务端渲染从入门到精通
Mar 28 Javascript
详解VScode编辑器vue环境搭建所遇问题解决方案
Apr 26 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使用正则表达式获取图片url的方法
2015/01/16 PHP
thinkphp中的url跳转用法分析
2016/07/12 PHP
Laravel框架实现model层的增删改查(CURD)操作示例
2018/05/12 PHP
静态的动态续篇之来点XML
2006/08/15 Javascript
prototype 的说明 js类
2006/09/07 Javascript
jWiard 基于JQuery的强大的向导控件介绍
2011/10/28 Javascript
你必须知道的Javascript知识点之&quot;单线程事件驱动&quot;的使用
2013/04/23 Javascript
extjs_02_grid显示本地数据、显示跨域数据
2014/06/23 Javascript
javascript定时器完整实例
2015/02/10 Javascript
深入浅析JS是按值传递还是按引用传递(推荐)
2016/09/18 Javascript
探索Javascript中this的奥秘
2016/12/11 Javascript
Vue.js实现按钮的动态绑定效果及实现代码
2017/08/21 Javascript
vue中实现移动端的scroll滚动方法
2018/03/03 Javascript
解决layer弹出层自适应页面大小的问题
2019/09/16 Javascript
python获得图片base64编码示例
2014/01/16 Python
bpython 功能强大的Python shell
2016/02/16 Python
python使用xlrd模块读取xlsx文件中的ip方法
2019/01/11 Python
Pytorch 实现sobel算子的卷积操作详解
2020/01/10 Python
Python Request类源码实现方法及原理解析
2020/08/17 Python
python简单利用字典破解zip文件口令
2020/09/07 Python
你的自行车健身专家:FaFit24
2016/11/16 全球购物
Booking.com荷兰:全球酒店网上预订
2017/08/22 全球购物
Sneaker Studio法国:购买运动鞋
2018/06/08 全球购物
MIKI HOUSE美国官方网上商店:日本领先的婴儿和儿童高级时装品牌
2020/06/21 全球购物
车间班组长的职责
2013/12/13 职场文书
教师党员思想汇报
2014/01/06 职场文书
《桃花心木》教学反思
2014/02/17 职场文书
2014年个人委托书范本
2014/10/13 职场文书
领导班子整改方案
2014/10/25 职场文书
幼师小班个人总结
2015/02/12 职场文书
2015年师德表现自我评价
2015/03/05 职场文书
2015年爱牙日活动总结
2015/03/23 职场文书
市场部岗位职责范本
2015/04/15 职场文书
文员岗位职责范本
2015/04/16 职场文书
紧急迫降观后感
2015/06/15 职场文书
Redis中缓存穿透/击穿/雪崩问题和解决方法
2021/12/04 Redis