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 相关文章推荐
基于JQuery实现滚动到页面底端时自动加载更多信息
Jan 31 Javascript
js window对象属性和方法相关资料整理
Nov 11 Javascript
WEB前端开发都应知道的jquery小技巧及jquery三个简写
Nov 15 Javascript
有关easyui-layout中的收缩层无法显示标题的解决办法
May 10 Javascript
JS调用打印机功能简单示例
Nov 28 Javascript
基于Bootstrap 3 JQuery及RegExp的表单验证功能
Feb 16 Javascript
js实现日历与定时器
Feb 22 Javascript
JavaScript事件处理程序详解
Sep 19 Javascript
webpack打包js的方法
Mar 12 Javascript
js实现淘宝浏览商品放大镜功能
Oct 28 Javascript
JavaScript枚举选择jquery插件代码实例
Nov 17 jQuery
React Native项目框架搭建的一些心得体会
May 28 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/01/20 PHP
服务器迁移php版本不同可能诱发的问题
2015/12/22 PHP
WordPress中登陆后关闭登陆页面及设置用户不可见栏目
2015/12/31 PHP
PHP之header函数详解
2021/03/02 PHP
javascript 动态加载 css 方法总结
2009/07/11 Javascript
javascript function调用时的参数检测常用办法
2010/02/26 Javascript
jQuery效果 slideToggle() 方法(在隐藏和显示之间切换)
2011/06/28 Javascript
使用jquery选择器如何获取父级元素、同级元素、子元素
2014/05/14 Javascript
对JavaScript中this指针的新理解分享
2015/01/31 Javascript
深入理解js中this的用法
2016/05/28 Javascript
基于JavaScript实现右键菜单和拖拽功能
2016/11/28 Javascript
完美实现js焦点轮播效果(一)
2017/03/07 Javascript
Vue.js实现一个漂亮、灵活、可复用的提示组件示例
2017/03/17 Javascript
解决vue 按钮多次点击重复提交数据问题
2018/05/10 Javascript
Vue.js实现表格渲染的方法
2018/09/07 Javascript
使用nodejs分离html文件里的js和css详解
2019/04/12 NodeJs
javascript实现下拉菜单效果
2021/02/09 Javascript
[36:54]Mineski vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
Python 列表(List) 的三种遍历方法实例 详解
2017/04/15 Python
用 Python 爬了爬自己的微信朋友(实例讲解)
2017/08/25 Python
pandas数据框,统计某列数据对应的个数方法
2018/04/11 Python
python try 异常处理(史上最全)
2019/03/07 Python
Python箱型图处理离群点的例子
2019/12/09 Python
运行tensorflow python程序,限制对GPU和CPU的占用操作
2020/02/06 Python
python使用梯度下降算法实现一个多线性回归
2020/03/24 Python
五分钟学会怎么用Pygame做一个简单的贪吃蛇
2021/01/06 Python
英国时尚泳装品牌:Maru Swimwear
2019/10/06 全球购物
static函数与普通函数有什么区别
2015/12/25 面试题
迎接领导欢迎词
2014/01/11 职场文书
幼儿园实习生辞职信
2014/01/20 职场文书
英文演讲稿
2014/05/15 职场文书
2014年人民警察入党思想汇报
2014/10/12 职场文书
工作收入证明模板
2015/06/12 职场文书
白银帝国观后感
2015/06/17 职场文书
如何在centos上使用yum安装rabbitmq-server
2021/03/31 Servers
react中props 的使用及进行限制的方法
2021/04/28 Javascript