5秒后跳转效果(setInterval/SetTimeOut)


Posted in Javascript onMay 03, 2013

setInterval版

$(function () { 
setInterval(function () { 
var time = $("#time").text(); 
time = parseInt(time); 
time--; 
if (time >0) { 
$("#time").text(time); 
} else { 
window.location = $("#url").attr("href"); 
} 
}, 1000); 
});

SetTimeOut版
<script type="text/javascript"> 
window.onload = function () { 
setTimeout(changeTime, 1000); 
} 
function changeTime() { 
var time = document.getElementById("time").innerHTML; 
time = parseInt(time); 
time--; 
if (time <= 0) { 
var url = document.getElementById("url").href; 
window.location = url; 
} else { 
document.getElementById("time").innerHTML= time; 
setTimeout(changeTime, 1000); 
} 
} 
</script>

html
<span style="font-size: 18px; color: Red" id="time">5</span>秒钟以后跳转到 <a href="<%=this.url %>"
Javascript 相关文章推荐
javascript编程起步(第四课)
Feb 27 Javascript
jQuery 方法大全方便学习参考
Feb 25 Javascript
Javascript 面向对象 重载
May 13 Javascript
不提示直接关闭网页窗口的JS示例代码
Dec 17 Javascript
Jquery实现弹性滑块滑动选择数值插件
Aug 08 Javascript
canvas基础绘制-绚丽倒计时的实例
Sep 17 Javascript
Three.js中网格对象MESH的属性与方法详解
Sep 27 Javascript
Angular Renderer (渲染器)的具体使用
May 03 Javascript
在js代码拼接dom对象到页面上的模板总结
Oct 21 Javascript
jQuery实现每日秒杀商品倒计时功能
Sep 06 jQuery
微信公众号H5之微信分享常见错误和问题(小结)
Nov 14 Javascript
uniapp 仿微信的右边下拉选择弹出框的实现代码
Jul 12 Javascript
如何用JavaScript动态呼叫函数(两种方式)
May 03 #Javascript
jquery移动listbox的值原理及代码
May 03 #Javascript
使用Java实现简单的server/client回显功能的方法介绍
May 03 #Javascript
用原生JavaScript实现jQuery的$.getJSON的解决方法
May 03 #Javascript
基于KMP算法JavaScript的实现方法分析
May 03 #Javascript
JS动态获取当前时间,并写到特定的区域
May 03 #Javascript
JS实现商品倒计时实现代码
May 03 #Javascript
You might like
PHP 的几个配置文件函数
2006/12/21 PHP
初学CAKEPHP 基础教程
2009/11/02 PHP
zend api扩展的php对象的autoload工具
2011/04/18 PHP
php判断上传的Excel文件中是否有图片及PHPExcel库认识
2013/01/11 PHP
PHP实现文件下载断点续传详解
2014/10/15 PHP
thinkphp3.0输出重复两次的解决方法
2014/12/19 PHP
Ubuntu彻底删除PHP7.0的方法
2018/07/27 PHP
fancybox modal的完美解决(右上的X)
2012/10/30 Javascript
判断输入是否为空,获得输入类型的JS代码
2013/10/30 Javascript
jquery.validate.js插件使用经验记录
2014/07/02 Javascript
JavaScript中检查对象property的存在性方法介绍
2014/12/30 Javascript
纯javascript模仿微信打飞机小游戏
2015/08/20 Javascript
AngularJS入门教程之路由与多视图详解
2016/08/19 Javascript
jquery层级选择器(匹配父元素下的子元素实现代码)
2016/09/05 Javascript
Vue2.x中的父组件传递数据至子组件的方法
2017/05/01 Javascript
Bootstrap Table使用整理(二)
2017/06/09 Javascript
详解关于element级联选择器数据回显问题
2019/02/20 Javascript
bootstrap datepicker的基本使用教程
2019/07/09 Javascript
javascript canvas API内容整理
2020/02/16 Javascript
Openlayers3实现车辆轨迹回放功能
2020/09/29 Javascript
Python通过解析网页实现看报程序的方法
2014/08/04 Python
python win32 简单操作方法
2017/05/25 Python
Python输入二维数组方法
2018/04/13 Python
python实现反转部分单向链表
2018/09/27 Python
Python一键安装全部依赖包的方法
2019/08/12 Python
Django 路由层URLconf的实现
2019/12/30 Python
使用Python3 poplib模块删除服务器多天前的邮件实现代码
2020/04/24 Python
德国健康生活方式网上商店:Landkaufhaus Mayer
2019/03/12 全球购物
JPA面试常见问题
2016/11/14 面试题
2014年国培研修感言
2014/03/09 职场文书
党支部三会一课计划
2014/09/24 职场文书
2014党的群众路线教育实践活动学习心得体会
2014/10/31 职场文书
新教师个人工作总结
2015/02/06 职场文书
Pytorch中Softmax与LogSigmoid的对比分析
2021/06/05 Python
python使用PySimpleGUI设置进度条及控件使用
2021/06/10 Python
教你用Java在个人电脑上实现微信扫码支付
2021/06/13 Java/Android