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 相关文章推荐
ext jquery 简单比较
Apr 07 Javascript
js获取字符串最后一位方法汇总
Nov 13 Javascript
JavaScript中的子窗口与父窗口的互相调用问题
Feb 08 Javascript
详解如何在Vue2中实现组件props双向绑定
Mar 29 Javascript
Javascript实现倒计时时差效果
May 18 Javascript
Angular2 自定义validators的实现方法
Jul 05 Javascript
springmvc接收jquery提交的数组数据代码分享
Oct 28 jQuery
解决vue2.0动态绑定图片src属性值初始化时报错的问题
Mar 14 Javascript
详解Angular Forms中自定义ngModel绑定值的方式
Dec 10 Javascript
Vue 实现html中根据类型显示内容
Oct 28 Javascript
原生JavaScript之es6中Class的用法分析
Feb 23 Javascript
微信小程序swiper组件实现抖音翻页切换视频功能的实例代码
Jun 24 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实现var_export的详细介绍
2013/06/20 PHP
实现PHP+Mysql无限分类的方法汇总
2015/03/02 PHP
Zend Framework动作助手Redirector用法实例详解
2016/03/05 PHP
PHP实现支持CURL字符串证书传输的方法
2019/03/23 PHP
Jquery通过Ajax访问XML数据的小例子
2013/11/18 Javascript
每天一篇javascript学习小结(Boolean对象)
2015/11/12 Javascript
浅谈JavaScript变量的自动转换和语句
2016/06/12 Javascript
简单实现的JQuery文本框水印插件
2016/06/14 Javascript
Bootstrap框架结合jQuery仿百度换肤功能实例解析
2016/09/17 Javascript
jQuery动态生成不规则表格(前后端)
2017/02/21 Javascript
利用JavaScript对中文(汉字)进行排序实例详解
2017/06/18 Javascript
node实现定时发送邮件的示例代码
2017/08/26 Javascript
简单的Vue异步组件实例Demo
2017/12/27 Javascript
解决vue中使用proxy配置不同端口和ip接口问题
2019/08/14 Javascript
JS实现横向轮播图(中级版)
2020/01/18 Javascript
jquery实现手风琴案例
2020/05/04 jQuery
Vue select 绑定动态变量的实例讲解
2020/10/22 Javascript
js实现验证码干扰(静态)
2021/02/22 Javascript
解决PyCharm中光标变粗的问题
2017/08/05 Python
Pytorch Tensor的统计属性实例讲解
2019/12/30 Python
pytorch 图像中的数据预处理和批标准化实例
2020/01/15 Python
Python logging模块进行封装实现原理解析
2020/08/07 Python
Python识别处理照片中的条形码
2020/11/16 Python
python压包的概念及实例详解
2021/02/17 Python
浅谈amaze-ui中datepicker和datetimepicker注意的几点
2020/08/21 HTML / CSS
Black Halo官方网站:购买连衣裙、礼服和连体裤
2018/06/13 全球购物
北美最大的零售退货翻新商:VIP Outlet
2019/11/21 全球购物
比较基础的php面试题及答案-编程题
2012/10/14 面试题
params有什么用
2016/03/01 面试题
师范生自我鉴定范文
2013/10/05 职场文书
质检部岗位职责
2013/11/11 职场文书
运动会表扬稿大全
2014/01/16 职场文书
公司寄语大全
2014/04/10 职场文书
关于读书的演讲稿800字
2014/08/27 职场文书
2015毕业生实习工作总结
2014/12/12 职场文书
劳动仲裁调解书
2015/05/20 职场文书