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 相关文章推荐
自动检查并替换文本框内的字符
Jun 30 Javascript
msn上的tab功能Firefox对childNodes处理的一个BUG
Jan 21 Javascript
JQuery UI皮肤定制
Jul 27 Javascript
Jquery封装tab自动切换效果的具体实现
Jul 13 Javascript
jquery动态加载select下拉框示例代码
Dec 10 Javascript
Bootstrap每天必学之警告框插件
Apr 26 Javascript
Bootstrap CSS布局之代码
Dec 17 Javascript
JavaScript操作文件_动力节点Java学院整理
Jun 30 Javascript
JS轮播图实现简单代码
Feb 19 Javascript
JS兼容所有浏览器的DOMContentLoaded事件
Jan 12 Javascript
jQuery实现鼠标响应式透明度渐变动画效果示例
Feb 13 jQuery
layui实现form表单同时提交数据和文件的代码
Oct 25 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
迅雷下载《中学科技》怀旧期刊下载
2021/02/27 无线电
php expects parameter 1 to be resource, array given 错误
2011/03/23 PHP
PHP对象递归引用造成内存泄漏分析
2014/08/28 PHP
Smarty中常用变量操作符汇总
2014/10/27 PHP
页面利用渐进式JPEG来提升用户体验度
2014/12/01 PHP
php fread读取文件注意事项
2016/09/24 PHP
yii框架搜索分页modle写法
2016/12/19 PHP
PHP面向对象程序设计之接口的继承定义与用法详解
2018/12/20 PHP
JavaScript 学习笔记(六)
2009/12/31 Javascript
jquery uploadify 在FF下无效的解决办法
2014/09/26 Javascript
JavaScript动态添加列的方法
2015/03/25 Javascript
jquery拖拽排序简单实现方法(效果增强版)
2016/02/16 Javascript
设计模式中的组合模式在JavaScript程序构建中的使用
2016/05/18 Javascript
ES6正则的扩展实例详解
2017/04/25 Javascript
如何理解Vue的作用域插槽的实现原理
2017/08/19 Javascript
jquery中done和then的区别(详解)
2017/12/19 jQuery
简单了解JavaScript中的执行上下文和堆栈
2019/06/24 Javascript
微信小程序获取位置展示地图并标注信息的实例代码
2019/09/01 Javascript
Vue使用screenfull实现全屏效果
2020/09/17 Javascript
[05:13]TI4 中国战队 机场出征!!
2014/07/07 DOTA
python在windows下实现备份程序实例
2014/07/04 Python
Python解析json时提示“string indices must be integers”问题解决方法
2019/07/31 Python
基于Python的微信机器人开发 微信登录和获取好友列表实现解析
2019/08/21 Python
英国翻新电子产品购物网站:Tech Trade
2017/12/25 全球购物
美国椅子和沙发制造商:La-Z-Boy
2020/10/25 全球购物
捷科时代的软件测试笔试题
2015/11/09 面试题
幼师岗位求职简历的自荐信格式
2013/09/21 职场文书
优秀学生自我鉴定范例
2013/12/18 职场文书
三八妇女节演讲稿
2014/05/27 职场文书
学校党的群众路线教育实践活动个人整改方案
2014/10/31 职场文书
2014年优秀班主任工作总结
2014/12/16 职场文书
党性分析材料格式
2014/12/19 职场文书
大学生自荐书范文
2015/03/05 职场文书
小学公民道德宣传日活动总结
2015/03/23 职场文书
出国留学单位推荐信
2015/03/26 职场文书
2019年最新借条范本!
2019/07/08 职场文书