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获取网页中图片高度的两种方法
Sep 26 Javascript
qq悬浮代码(兼容各个浏览器)
Jan 29 Javascript
jQuery.extend()、jQuery.fn.extend()扩展方法示例详解
May 08 Javascript
JS中getYear()和getFullYear()区别分析
Jul 04 Javascript
jsMind通过鼠标拖拽的方式调整节点位置
Apr 13 Javascript
jQuery Validate表单验证入门学习
Dec 18 Javascript
JavaScript实现下拉菜单的显示和隐藏
Jan 05 Javascript
浅谈JS中json数据的处理
Jun 30 Javascript
原生JS实现隐藏显示图片 JS实现点击切换图片效果
Jan 27 Javascript
使用Ajax和Jquery配合数据库实现下拉框的二级联动的示例
Jan 25 jQuery
layui 监听表格复选框选中值的方法
Aug 15 Javascript
适合后台管理系统开发的12个前端框架(小结)
Jun 29 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 文件上传源码分析(RFC1867)
2009/10/30 PHP
常见php数据文件缓存类汇总
2014/12/05 PHP
php类自动装载、链式操作、魔术方法实现代码
2017/07/23 PHP
Laravel框架查询构造器 CURD操作示例
2019/09/04 PHP
Javascript 通过json自动生成Dom的代码
2010/04/01 Javascript
修复IE9&amp;safari 的sort方法
2011/10/21 Javascript
jquery动态改变form属性提交表单
2014/06/03 Javascript
JS利用cookie记忆当前位置的防刷新导航效果
2015/10/15 Javascript
javascript高级选择器querySelector和querySelectorAll全面解析
2016/04/07 Javascript
NodeJS连接MongoDB数据库时报错的快速解决方法
2016/05/13 NodeJs
javascript弹出窗口中增加确定取消按钮
2016/06/24 Javascript
js canvas实现擦除动画
2016/07/16 Javascript
js 动态生成html 触发事件传参字符转义的实例
2017/02/14 Javascript
JS简单实现动态添加HTML标记的方法示例
2018/04/08 Javascript
深入理解JavaScript 中的匿名函数((function() {})();)与变量的作用域
2018/08/28 Javascript
[03:18]DOTA2放量测试专访820:希望玩家加入国服大家庭
2013/08/25 DOTA
python线程锁(thread)学习示例
2013/12/04 Python
python文件特定行插入和替换实例详解
2017/07/12 Python
Python tkinter模块弹出窗口及传值回到主窗口操作详解
2017/07/28 Python
Python中执行存储过程及获取存储过程返回值的方法
2017/10/07 Python
Python中sort和sorted函数代码解析
2018/01/25 Python
pandas series序列转化为星期几的实例
2018/04/11 Python
python 通过logging写入日志到文件和控制台的实例
2018/04/28 Python
python利用Tesseract识别验证码的方法示例
2019/01/21 Python
详解将Pandas中的DataFrame类型转换成Numpy中array类型的三种方法
2019/07/06 Python
在vscode中配置python环境过程解析
2019/09/28 Python
Nginx+Uwsgi+Django 项目部署到服务器的思路详解
2020/05/08 Python
怎么可以提高数据库查询数据的速度
2014/06/28 面试题
会计电算化专业毕业生自荐信
2013/12/20 职场文书
物流管理毕业生自荐信范文
2014/03/15 职场文书
竞聘演讲稿开场白
2014/08/25 职场文书
2016党校培训心得体会
2016/01/07 职场文书
Python办公自动化之Excel(中)
2021/05/24 Python
Python中OpenCV实现简单车牌字符切割
2021/06/11 Python
pycharm代码删除恢复的方法
2021/06/26 Python
Spring Boot 的创建和运行示例代码详解
2022/07/23 Java/Android