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来控制键盘的上下左右键(示例代码)
Dec 14 Javascript
jQuery动画效果animate和scrollTop结合使用实例
Apr 02 Javascript
jQuery中的$.ajax()方法应用
May 06 Javascript
对jquery的ajax进行二次封装以及ajax缓存代理组件:AjaxCache详解
Apr 11 Javascript
js仿淘宝和百度文库的评分功能
May 15 Javascript
jQuery mobile在页面加载时添加加载中效果 document.ready 和window.onload执行顺序比较
Jul 14 Javascript
封装的dialog插件 基于bootstrap模态对话框的简单扩展
Aug 10 Javascript
微信小程序 toast 详解及实例代码
Nov 09 Javascript
Bootstrap表单控件学习使用
Mar 07 Javascript
Vue2.0 实现单选互斥的方法
Apr 13 Javascript
使用Vuex解决Vue中的身份验证问题
Sep 28 Javascript
解决Vue中使用keepAlive不缓存问题
Aug 04 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
跟我学小偷程序之成功偷取首页(第三天)
2006/10/09 PHP
php中使用Curl、socket、file_get_contents三种方法POST提交数据
2011/08/12 PHP
php 判断数组是几维数组
2013/03/20 PHP
PHP中include与require使用方法区别详解
2013/10/19 PHP
PHP大文件切割上传并带进度条功能示例
2019/07/01 PHP
firefox firebug中文入门教程 脚本之家新年特别版
2010/01/02 Javascript
jQuery EasyUI NumberBox(数字框)的用法
2010/07/08 Javascript
JavaScript中的正则表达式简明总结
2014/04/04 Javascript
用JavaScript实现页面重定向功能的教程
2015/06/04 Javascript
JS中setTimeout的巧妙用法前端函数节流
2016/03/24 Javascript
JavaScript如何实现跨域请求
2016/08/05 Javascript
jQuery实现jQuery-form.js实现异步上传文件
2017/04/28 jQuery
javascript中mouseenter与mouseover的异同
2017/06/06 Javascript
Vue2.0利用vue-resource上传文件到七牛的实例代码
2017/07/28 Javascript
webpack配置之后端渲染详解
2017/10/26 Javascript
vue  directive定义全局和局部指令及指令简写
2018/11/20 Javascript
vue props default Array或是Object的正确写法说明
2020/07/30 Javascript
简介JavaScript错误处理机制
2020/08/04 Javascript
实现vuex原理的示例
2020/10/21 Javascript
原生JavaScript实现留言板
2021/01/10 Javascript
[59:00]OG vs TNC 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
Python抓取Discuz!用户名脚本代码
2013/12/30 Python
列举Python中吸引人的一些特性
2015/04/09 Python
Python使用selenium实现网页用户名 密码 验证码自动登录功能
2018/05/16 Python
深入了解python中元类的相关知识
2019/08/29 Python
python检测服务器端口代码实例
2019/08/31 Python
Pytorch提取模型特征向量保存至csv的例子
2020/01/03 Python
python实现实时视频流播放代码实例
2020/01/11 Python
Python如何给函数库增加日志功能
2020/08/04 Python
Django自带的用户验证系统实现
2020/12/18 Python
conda安装tensorflow和conda常用命令小结
2021/02/20 Python
介绍Ibatis的核心类
2013/11/18 面试题
mysql有关权限的表都有哪几个
2015/04/22 面试题
日语专业推荐信
2013/11/12 职场文书
教师实习自我鉴定
2013/12/11 职场文书
2015年医院科室工作总结范文
2015/05/26 职场文书