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获取RadioButtonList的Value/Text及选中值等信息实现代码
Mar 05 Javascript
javascript将浮点数转换成整数的三个方法
Jun 23 Javascript
jQuery实现可移动选项的左右下拉列表示例
Dec 26 Javascript
js 数据存储和DOM编程
Feb 09 Javascript
简单的vue-resourse获取json并应用到模板示例
Feb 10 Javascript
微信小程序实现实时圆形进度条的方法示例
Feb 24 Javascript
将jquery.qqFace.js表情转换成微信的字符码
Dec 01 jQuery
使用classList来实现两个按钮样式的切换方法
Jan 24 Javascript
原生js实现省市区三级联动代码分享
Feb 12 Javascript
详解vue 数组和对象渲染问题
Sep 21 Javascript
vue实现重置表单信息为空的方法
Sep 29 Javascript
JavaScript实现矩形块大小任意缩放
Aug 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
Smarty+QUICKFORM小小演示
2007/02/25 PHP
解析php下载远程图片函数 可伪造来路
2013/06/25 PHP
使用PHP处理数据库数据如何将数据返回客户端并显示当前状态
2016/02/16 PHP
Thinkphp 空操作、空控制器、命名空间(详解)
2017/05/05 PHP
php和asp语法上的区别总结
2019/05/12 PHP
基于thinkphp6.0的success、error实现方法
2019/11/05 PHP
了解一点js的Eval函数
2012/07/26 Javascript
window.print打印指定div指定网页指定区域的方法
2014/08/04 Javascript
javascript操作字符串的原生方法
2014/12/22 Javascript
javascript判断并获取注册表中可信任站点的方法
2015/06/01 Javascript
javascript检测flash插件是否被禁用的方法
2016/01/14 Javascript
jquery代码规范让代码越来越好看
2017/02/03 Javascript
Express使用html模板的详细代码
2017/09/18 Javascript
详解RequireJs官方使用教程
2017/10/31 Javascript
详解在vue-cli中引用jQuery、bootstrap以及使用sass、less编写css
2017/11/08 jQuery
详解Vue结合后台的列表增删改案例
2018/08/21 Javascript
如何使用VuePress搭建一个类型element ui文档
2019/02/14 Javascript
VUE 组件转换为微信小程序组件的方法
2019/11/06 Javascript
JS实现iframe中子父页面跨域通讯的方法分析
2020/03/10 Javascript
解决angular 使用原生拖拽页面卡顿及表单控件输入延迟问题
2020/04/21 Javascript
浅谈vue中使用编辑器vue-quill-editor踩过的坑
2020/08/03 Javascript
Vue两种组件类型:递归组件和动态组件的用法
2020/08/06 Javascript
用vite搭建vue3应用的实现方法
2021/02/22 Vue.js
python通过自定义isnumber函数判断字符串是否为数字的方法
2015/04/23 Python
Python微信企业号开发之回调模式接收微信端客户端发送消息及被动返回消息示例
2017/08/21 Python
Python基于辗转相除法求解最大公约数的方法示例
2018/04/04 Python
python使用wxpy实现微信消息防撤回脚本
2019/04/29 Python
Python 操作 ElasticSearch的完整代码
2019/08/04 Python
python求质数列表的例子
2019/11/24 Python
Python面试题:如何用Python来发送邮件
2016/03/15 面试题
火山动力Java笔试题
2014/06/26 面试题
会计电算化专业毕业生求职信范文
2013/12/10 职场文书
房屋登记授权委托书范本
2014/10/09 职场文书
2015年社区消防安全工作总结
2015/10/14 职场文书
2016年助残日旅游活动总结
2016/04/01 职场文书
深入讲解数据库中Decimal类型的使用以及实现方法
2022/02/15 MySQL