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 相关文章推荐
JavaScript去除空格的三种方法(正则/传参函数/trim)
Feb 06 Javascript
javascipt匹配单行和多行注释的正则表达式
Nov 20 Javascript
jQuery表格插件ParamQuery简单使用方法示例
Dec 05 Javascript
基于bootstrap3和jquery的分页插件
Jul 31 Javascript
jQuery增加、删除及修改select option的方法
Aug 19 Javascript
jQuery基于ajax方式实现用户名存在性检查功能示例
Feb 10 Javascript
Ionic项目中Native Camera的使用方法
Jun 07 Javascript
基于bootstrap写的一点localStorage本地储存
Nov 21 Javascript
Vue.js实现分页查询功能
Nov 15 Javascript
vue单页开发父子组件传值思路详解
May 18 Javascript
微信小程序实时聊天WebSocket
Jul 05 Javascript
微信小程序实现手指触摸画板
Jul 09 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
世界收音机发展史
2021/03/01 无线电
php一些公用函数的集合
2008/03/27 PHP
PHP获取路径和目录的方法总结【必看篇】
2017/03/04 PHP
JavaScript实现的图像模糊算法代码分享
2014/04/22 Javascript
jQuery中Form相关知识汇总
2015/01/06 Javascript
JS+CSS实现淡入式焦点图片幻灯切换效果的方法
2015/02/26 Javascript
10条建议帮助你创建更好的jQuery插件
2015/05/18 Javascript
解决JS请求服务器gbk文件乱码的问题
2015/10/16 Javascript
JavaScript获取IP获取的是IPV6 如何校验
2016/06/12 Javascript
原生js实现自由拖拽弹窗代码demo
2016/06/29 Javascript
概述VUE2.0不可忽视的很多变化
2016/09/25 Javascript
原生Javascript插件开发实践
2017/01/18 Javascript
详解webpack-dev-server的简单使用
2018/04/02 Javascript
JavaScript变量作用域及内存问题实例分析
2019/06/10 Javascript
加速vue组件渲染之性能优化
2020/04/09 Javascript
nestjs返回给前端数据格式的封装实现
2021/02/22 Javascript
python安装与使用redis的方法
2016/04/19 Python
用于业余项目的8个优秀Python库
2018/09/21 Python
ubuntu上安装python的实例方法
2019/09/30 Python
wxPython实现绘图小例子
2019/11/19 Python
通过实例简单了解python yield使用方法
2020/08/06 Python
详解python实现可视化的MD5、sha256哈希加密小工具
2020/09/14 Python
python利用线程实现多任务
2020/09/18 Python
CSS3使用transition实现的鼠标悬停淡入淡出
2015/01/09 HTML / CSS
美国咖啡批发网站:Coffee.org
2017/06/29 全球购物
Optimalprint加拿大:在线打印服务
2020/04/03 全球购物
.NET初级开发工程师面试题(包括Javascript)
2012/08/22 面试题
物流经理自我评价
2013/09/23 职场文书
法律专业学生的自我评价
2014/02/07 职场文书
自强之星事迹材料
2014/05/12 职场文书
2014年国庆节寄语
2014/09/19 职场文书
教师党的群众路线教育实践活动学习笔记
2014/11/05 职场文书
匿名检举信范文
2015/03/02 职场文书
阿凡达观后感
2015/06/10 职场文书
2016猴年春节问候语
2015/11/11 职场文书
OpenFeign实现远程调用
2022/08/14 Java/Android