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 相关文章推荐
用jQuery实现一些导航条切换,显示隐藏的实例代码
Jun 08 Javascript
AJAX跨域请求json数据的实现方法
Nov 11 Javascript
JS获取DropDownList的value值与text值的示例代码
Jan 07 Javascript
js控制容器隐藏出现防止样式变化的两种方法
Apr 25 Javascript
JQuery对表单元素的基本操作使用总结
Jul 18 Javascript
JS实现多级菜单中当前菜单不随页面跳转样式而发生变化
May 30 Javascript
SVG动画vivus.js库使用小结(实例代码)
Sep 14 Javascript
js中document.write和document.writeln的区别
Mar 11 Javascript
详解基于Node.js的HTTP/2 Server实践
May 31 Javascript
Angular5集成eventbus的示例代码
Jul 19 Javascript
详解关于微信setData回调函数中的坑
Feb 18 Javascript
解决ant Design中Select设置initialValue时的大坑
Oct 29 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.MVC的模板标签系统(二)
2006/09/05 PHP
php date()日期时间函数详解
2010/05/16 PHP
Php Image Resize图片大小调整的函数代码
2011/01/17 PHP
如何用phpmyadmin设置mysql数据库用户的权限
2012/01/09 PHP
php站内搜索关键词变亮的实现方法
2014/12/30 PHP
教你在header中隐藏php的版本信息
2016/08/10 PHP
JQuery团队打造的javascript单元测试工具QUnit介绍
2010/02/26 Javascript
文字不间断滚动(上下左右)实例代码
2013/04/21 Javascript
鼠标移入移出事件改变图片的分辨率的两种方法
2013/12/17 Javascript
JS正则表达式验证数字代码
2014/01/28 Javascript
开源的javascript项目Kissy介绍
2014/11/28 Javascript
5个数组Array方法: indexOf、filter、forEach、map、reduce使用实例
2015/01/29 Javascript
如何用jQuery实现ASP.NET GridView折叠伸展效果
2015/09/26 Javascript
javascript实现一个简单的弹出窗
2016/02/22 Javascript
JS实现上传图片实时预览功能
2017/05/22 Javascript
使用vue与jquery实时监听用户输入状态的操作代码
2017/09/19 jQuery
Js面试算法详解
2018/04/08 Javascript
vue实现的组件兄弟间通信功能示例
2018/12/04 Javascript
vueScroll实现移动端下拉刷新、上拉加载
2019/03/22 Javascript
Vue中key的作用示例代码详解
2020/06/10 Javascript
Vue 解决父组件跳转子路由后当前导航active样式消失问题
2020/07/21 Javascript
[04:16]DOTA2英雄梦之声_第09期_斧王
2014/06/21 DOTA
[03:49]DOTA2 2015国际邀请赛中国区预选赛第二日现场百态
2015/05/27 DOTA
python批量替换多文件字符串问题详解
2018/04/22 Python
Python3 搭建Qt5 环境的方法示例
2020/07/16 Python
详解KMP算法以及python如何实现
2020/09/18 Python
iHerb台湾:维生素、保健品和健康产品
2018/01/31 全球购物
英国假发网站:Hothair
2018/02/23 全球购物
Skyscanner加拿大:全球旅行搜索平台
2018/11/19 全球购物
西班牙家用电器和电子产品购物网站:Mi Electro
2019/02/25 全球购物
意大利折扣和优惠券网站:Groupalia
2019/10/09 全球购物
员工保密承诺书
2014/05/28 职场文书
公司党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
python文件名批量重命名脚本实例代码
2021/04/22 Python
Oracle中update和select 关联操作
2022/01/18 Oracle
Win11无法访问设备和打印机 如何解决页面空白
2022/04/09 数码科技