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 相关文章推荐
Javascript isArray 数组类型检测函数
Oct 08 Javascript
JavaScript 字符串处理函数使用小结
Dec 02 Javascript
JavaScript 基础篇(一)
Mar 30 Javascript
jQuery Easyui实现左右布局
Jan 26 Javascript
jquery 将当前时间转换成yyyymmdd格式的实现方法
Jun 01 Javascript
JavaScript性能优化总结之加载与执行
Aug 11 Javascript
JS 调用微信扫一扫功能
Dec 22 Javascript
vue之数据交互实例代码
Jun 16 Javascript
js实现canvas保存图片为png格式并下载到本地的方法
Aug 31 Javascript
详解使用vue-admin-template的优化历程
May 20 Javascript
详解create-react-app 2.0版本如何启用装饰器语法
Oct 23 Javascript
js属性对象的hasOwnProperty方法的使用
Feb 05 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 cli换行示例
2014/04/22 PHP
PHP使用mongoclient简单操作mongodb数据库示例
2019/02/08 PHP
php中用unset销毁变量并释放内存
2020/05/10 PHP
jquery中map函数与each函数的区别实例介绍
2014/06/23 Javascript
输入框过滤非数字的js代码
2014/09/18 Javascript
JavaScript AOP编程实例
2015/06/16 Javascript
Backbone.js 0.9.2 源码注释中文翻译版
2015/06/25 Javascript
Angular 根据 service 的状态更新 directive
2016/04/03 Javascript
jQuery控制文本框只能输入数字和字母及使用方法
2016/05/26 Javascript
jQuery中绑定事件bind() on() live() one()的异同
2017/02/23 Javascript
iOS + node.js使用Socket.IO框架进行实时通信示例
2017/04/14 Javascript
Angular 4依赖注入学习教程之InjectToken的使用(八)
2017/06/04 Javascript
浅谈Emergence.js 检测元素可见性的 js 插件
2017/11/18 Javascript
vue-router+nginx 非根路径配置方法
2018/06/30 Javascript
vue 项目中使用Loading组件的示例代码
2018/08/31 Javascript
python 判断一个进程是否存在
2009/04/09 Python
跟老齐学Python之正规地说一句话
2014/09/28 Python
使用Python判断质数(素数)的简单方法讲解
2016/05/05 Python
python类中super()和__init__()的区别
2016/10/18 Python
Python3日期与时间戳转换的几种方法详解
2019/06/04 Python
python操作小程序云数据库实现简单的增删改查功能
2019/06/06 Python
python3爬虫中异步协程的用法
2020/07/10 Python
HTML5 声明兼容IE的写法
2011/05/16 HTML / CSS
德国著名廉价网上药店:Shop-Apotheke
2017/07/23 全球购物
Linux Interview Questions For software testers
2012/06/02 面试题
元旦促销方案
2014/03/15 职场文书
常务副总经理任命书
2014/06/05 职场文书
学校教师读书活动总结
2014/07/08 职场文书
如何写股份合作协议书
2014/09/11 职场文书
交通事故协议书范文
2014/10/23 职场文书
社区文明创建工作总结2015
2015/04/21 职场文书
外科护士长工作总结
2015/08/12 职场文书
我爱我班主题班会
2015/08/13 职场文书
详解CocosCreator项目结构机制
2021/04/14 Javascript
PyTorch 实现L2正则化以及Dropout的操作
2021/05/27 Python
python 如何做一个识别率百分百的OCR
2021/05/29 Python