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,alert出现乱码问题的解决方法
Jun 19 Javascript
js动态修改表格行colspan列跨度的方法
Mar 30 Javascript
解决angular的$http.post()提交数据时后台接收不到参数值问题的方法
Dec 10 Javascript
div实现自适应高度的textarea实现angular双向绑定
Jan 08 Javascript
JS利用正则表达式实现简单的密码强弱判断实例
Jun 16 Javascript
详解A标签中href=&quot;&quot;的几种用法
Aug 20 Javascript
jquery操作ul的一些操作笔记整理(干货)
Aug 31 jQuery
使用vue-router在Vue页面之间传递数据的方法
Jul 15 Javascript
vue-froala-wysiwyg 富文本编辑器功能
Sep 19 Javascript
JS操作字符串转数字的常见方法示例
Oct 29 Javascript
React.js组件实现拖拽排序组件功能过程解析
Apr 27 Javascript
Vue-cli4 配置 element-ui 按需引入操作
Sep 11 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提取中英文词语以及数字的首字母的方法介绍
2013/04/23 PHP
PHP中大于2038年时间戳的问题处理方案
2015/03/03 PHP
PHP实现微信图片上传到服务器的方法示例
2017/06/29 PHP
js之WEB开发调试利器:Firebug 下载
2007/01/13 Javascript
用jquery实现自定义风格的滑动条实现代码
2011/04/26 Javascript
网页编辑器ckeditor和ckfinder配置步骤分享
2012/05/24 Javascript
jquery得到font-size属性值实现代码
2013/09/30 Javascript
在Ubuntu上安装最新版本的Node.js
2014/07/14 Javascript
CSS javascript 结合实现悬浮固定菜单效果
2015/08/23 Javascript
js密码强度实时检测代码
2016/03/02 Javascript
AngularJS使用$http配置对象方式与服务端交互方法
2018/08/13 Javascript
JS使用JSON.parse(),JSON.stringify()实现对对象的深拷贝功能分析
2019/03/06 Javascript
微信小程序封装自定义弹窗的实现代码
2019/05/08 Javascript
[38:27]完美世界DOTA2联赛PWL S2 Forest vs FTD.C 第二场 11.26
2020/11/30 DOTA
Python实现的使用telnet登陆聊天室实例
2015/06/17 Python
Python中的字符串类型基本知识学习教程
2016/02/04 Python
python 打印出所有的对象/模块的属性(实例代码)
2016/09/11 Python
浅析Python数字类型和字符串类型的内置方法
2019/12/22 Python
flask框架中的cookie和session使用
2021/01/31 Python
CSS3 绘制BMW logo实的现代码
2013/04/25 HTML / CSS
如何使用html5与css3完成google涂鸦动画
2012/12/16 HTML / CSS
加拿大消费电子和手机购物网站:The Source
2017/01/28 全球购物
英国最大的经认证的有机超市:Planet Organic
2018/02/02 全球购物
简述使用ftp进行文件传输时的两种登录方式?它们的区别是什么?常用的ftp文件传输命令是什么?
2016/11/20 面试题
《赵州桥》教学反思
2014/02/17 职场文书
市场营销毕业求职信
2014/08/07 职场文书
工作失职检讨书500字
2014/10/17 职场文书
财务整改报告范文
2014/11/05 职场文书
公司行政助理岗位职责
2015/04/11 职场文书
装饰技术负责人岗位职责
2015/04/13 职场文书
亮剑观后感600字
2015/06/05 职场文书
二婚主持词
2015/06/30 职场文书
2015年入党积极分子培养考察意见
2015/08/12 职场文书
2016寒假假期总结
2015/10/10 职场文书
用python实现监控视频人数统计
2021/05/21 Python
pandas中pd.groupby()的用法详解
2022/06/16 Python