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 相关文章推荐
让getElementsByName适应IE和firefox的方法
Sep 24 Javascript
js 覆盖和重载 函数
Sep 25 Javascript
js中格式化日期时间型数据函数代码
Nov 08 Javascript
基于jquery ajax 用户无刷新登录方法详解
Apr 28 Javascript
JavaScript中判断整字类型最简洁的实现方法
Nov 08 Javascript
简述AngularJS相关的一些编程思想
Jun 23 Javascript
Bootstrap入门书籍之(四)菜单、按钮及导航
Feb 17 Javascript
JSONP原理及简单实现
Jun 08 Javascript
Bootstrap布局之栅格系统详解
Jun 13 Javascript
Vue 多层组件嵌套二种实现方式(测试实例)
Sep 08 Javascript
详解vue beforeEach 死循环问题解决方法
Feb 25 Javascript
Vertx基于EventBus发送接受自定义对象
Nov 16 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
实用函数7
2007/11/08 PHP
基于Zend的Config机制的应用分析
2013/05/02 PHP
CodeIgniter删除和设置Cookie的方法
2015/04/07 PHP
php使用GD库创建图片缩略图的方法
2015/06/10 PHP
php调用淘宝开放API实现根据卖家昵称获取卖家店铺ID的方法
2015/07/29 PHP
浅谈Yii乐观锁的使用及原理
2017/07/25 PHP
PHP使用星号替代用户名手机和邮箱的实现代码
2018/02/07 PHP
PHP实现负载均衡下的session共用功能
2018/04/17 PHP
laravel实现按月或天或小时统计mysql数据的方法
2019/10/09 PHP
Javascript结合css实现网页换肤功能
2009/11/02 Javascript
11个用于提高排版水平的基于jquery的文字效果插件
2012/09/14 Javascript
js函数在frame中的相互调用详解
2014/03/03 Javascript
js实现文本框中输入文字页面中div层同步获取文本框内容的方法
2015/03/03 Javascript
基于JavaScript实现高德地图和百度地图提取行政区边界经纬度坐标
2016/01/22 Javascript
完善的jquery处理机制
2016/02/21 Javascript
jQuery插件ContextMenu自定义图标
2017/03/15 Javascript
Django1.7+JQuery+Ajax验证用户注册集成小例子
2017/04/08 jQuery
详解AngularJS 模块化
2017/06/14 Javascript
js实现网页的两个input标签内的数值加减(示例代码)
2017/08/15 Javascript
JavaScript 跨域之POST实现方法
2018/05/07 Javascript
JS面向对象的程序设计相关知识小结
2018/05/26 Javascript
ES10 特性的完整指南小结
2019/03/04 Javascript
echarts饼图各个板块之间的空隙如何实现
2020/12/01 Javascript
总结Python编程中三条常用的技巧
2015/05/11 Python
使用Python制作简单的小程序IP查看器功能
2019/04/16 Python
Python 实现顺序高斯消元法示例
2019/12/09 Python
Python2和Python3中@abstractmethod使用方法
2020/02/04 Python
CSS3网格的三个新特性详解
2014/04/04 HTML / CSS
互动出版网:专业书籍
2017/03/21 全球购物
入党积极分子思想汇报范文
2014/01/05 职场文书
奠基仪式策划方案
2014/05/15 职场文书
银行柜员求职自荐书
2014/06/18 职场文书
村党支部群众路线教育实践活动对照检查材料
2014/09/26 职场文书
优秀少先队辅导员事迹材料
2014/12/24 职场文书
聋哑人盗窃罪辩护词
2015/05/21 职场文书
超市店长竞聘书
2015/09/15 职场文书