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代码
Nov 09 Javascript
基于jquery的tab切换 js原理
Apr 01 Javascript
Javascript控制页面链接在新窗口打开具体方法
Aug 16 Javascript
jQuery中is()方法用法实例
Jan 06 Javascript
jQuery实现表格颜色交替显示的方法
Mar 09 Javascript
介绍JavaScript中Math.abs()方法的使用
Jun 14 Javascript
javascript事件委托的用法及其好处简析
Apr 04 Javascript
JS实现一次性弹窗的方法【刷新后不弹出】
Dec 26 Javascript
JS实现的五级联动菜单效果完整实例
Feb 23 Javascript
Vue2.0如何发布项目实战
Jul 27 Javascript
Vue项目中使用better-scroll实现一个轮播图自动播放功能
Dec 03 Javascript
从vue源码看props的用法
Jan 09 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
CentOS安装php v8js教程
2015/02/26 PHP
jquery select操作的日期联动实现代码
2009/12/06 Javascript
JavaScript常用对象的方法和属性小结
2012/01/24 Javascript
javascript实现限制上传文件大小
2015/02/06 Javascript
jQuery增加自定义函数的方法
2015/07/18 Javascript
jquery中的工具使用方法$.isFunction, $.isArray(), $.isWindow()
2015/08/09 Javascript
JS创建对象几种不同方法详解
2016/03/01 Javascript
NodeJS链接MySql数据库的操作方法
2017/06/27 NodeJs
JS监控关闭浏览器操作的实例详解
2017/09/12 Javascript
浅谈Vue SSR 的 Cookies 问题
2017/11/20 Javascript
jQuery实现定时隐藏对话框的方法分析
2018/02/12 jQuery
vue插件draggable实现拖拽移动图片顺序
2018/12/01 Javascript
ES7之Async/await的使用详解
2019/03/28 Javascript
jquery树形插件zTree高级使用详解
2019/08/16 jQuery
ES11新增的这9个新特性,你都掌握了吗
2020/10/15 Javascript
[02:36]DOTA2英雄基础教程 一击致命幻影刺客
2013/12/06 DOTA
[45:46]2014 DOTA2国际邀请赛中国区预选赛5.21 HGT VS DT
2014/05/23 DOTA
Python学习资料
2007/02/08 Python
通过Python爬虫代理IP快速增加博客阅读量
2016/12/14 Python
利用TensorFlow训练简单的二分类神经网络模型的方法
2018/03/05 Python
Python读取excel指定列生成指定sql脚本的方法
2018/11/28 Python
Python实用工具FuckIt.py介绍
2019/07/02 Python
Django CBV类的用法详解
2019/07/26 Python
python opencv圆、椭圆与任意多边形的绘制实例详解
2020/02/06 Python
python多项式拟合之np.polyfit 和 np.polyld详解
2020/02/18 Python
Python通用唯一标识符uuid模块使用案例
2020/09/10 Python
如何使用scrapy中的ItemLoader提取数据
2020/09/30 Python
Python+OpenCV图像处理——图像二值化的实现
2020/10/24 Python
大学生最常用的自我评价
2013/12/07 职场文书
授权委托书
2014/07/31 职场文书
影视后期实训报告
2014/11/05 职场文书
2014年科协工作总结
2014/12/09 职场文书
女性健康讲座主持词
2015/07/04 职场文书
关于艺术节的开幕致辞
2016/03/04 职场文书
网络新闻该怎么写?这些写作技巧你都知道吗?
2019/08/26 职场文书
pytorch中[..., 0]的用法说明
2021/05/20 Python