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 相关文章推荐
用js脚本控制asp.net下treeview的NodeCheck的实现代码
Mar 02 Javascript
简单时间提示DEMO从0开始一直进行计时
Nov 19 Javascript
jquery实现焦点图片随机切换效果的方法
Mar 12 Javascript
js实现继承的5种方式
Dec 01 Javascript
解析javascript图片懒加载与预加载的分析总结
Oct 27 Javascript
JavaScript实现分页效果
Mar 28 Javascript
微信小程序实现图片轮播及文件上传
Apr 07 Javascript
JS使用setInterval实现的简单计时器功能示例
Apr 19 Javascript
JavaScript刷新页面的几种方法总结
Mar 28 Javascript
layUI实现列表查询功能
Jul 27 Javascript
Jquery异步上传文件代码实例
Nov 13 jQuery
vue实现倒计时功能
Mar 24 Vue.js
如何用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处理图片变得简单 基于gb库的图片处理类附实例代码下载
2011/05/17 PHP
php字符编码转换之gb2312转为utf8
2013/10/28 PHP
PHP图片处理之使用imagecopy函数添加图片水印实例
2014/11/19 PHP
推荐十款免费 WordPress 插件
2015/03/24 PHP
深入理解PHP中的count函数
2016/05/31 PHP
php+MySql实现登录系统与输出浏览者信息功能
2016/07/01 PHP
laravel项目利用twemproxy部署redis集群的完整步骤
2018/05/11 PHP
关于javascript document.createDocumentFragment()
2009/04/04 Javascript
javascript常用对话框小集
2013/09/13 Javascript
一张表格告诉你windows.onload()与$(document).ready()的区别
2014/05/16 Javascript
JavaScript实现自动生成网页元素功能(按钮、文本等)
2015/11/21 Javascript
jQuery实现textarea自动增长宽高的方法
2015/12/18 Javascript
JS中split()用法(将字符串按指定符号分割成数组)
2016/10/24 Javascript
Angular 4.x+Ionic3踩坑之Ionic3.x pop反向传值详解
2018/03/13 Javascript
Vue中computed与methods的区别详解
2018/03/24 Javascript
javascript实现自由编辑图片代码详解
2019/06/21 Javascript
javascript中导出与导入实现模块化管理教程
2020/12/03 Javascript
[03:46]DOTA2英雄基础教程 维萨吉
2013/12/11 DOTA
python新手经常遇到的17个错误分析
2014/07/30 Python
在Python的Flask框架下使用sqlalchemy库的简单教程
2015/04/09 Python
Python的ORM框架中SQLAlchemy库的查询操作的教程
2015/04/25 Python
Python简单遍历字典及删除元素的方法
2016/09/18 Python
Python八大常见排序算法定义、实现及时间消耗效率分析
2018/04/27 Python
python之线程通过信号pyqtSignal刷新ui的方法
2019/01/11 Python
Python MySQLdb 执行sql语句时的参数传递方式
2020/03/04 Python
Python之字符串的遍历的4种方式
2020/12/08 Python
python+opencv3.4.0 实现HOG+SVM行人检测的示例代码
2021/01/28 Python
button在IE6/7下的黑边去除方案
2012/12/24 HTML / CSS
俄罗斯建筑和装饰材料在线商店:Stroilandia
2020/07/25 全球购物
模范家庭事迹材料
2014/02/10 职场文书
授权委托书(公民个人适用)
2014/09/19 职场文书
中共广东省委常委会党的群众路线教育实践活动整改方案
2014/09/23 职场文书
2014年导购员工作总结
2014/11/18 职场文书
优秀党员主要事迹材料
2015/11/04 职场文书
Nginx配置https的实现
2021/11/27 Servers
mysql5.6主从搭建以及不同步问题详解
2021/12/04 MySQL