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 无废话系列教程(二) jquery实战篇上
Jun 23 Javascript
JavaScript高级程序设计(第3版)学习笔记3 js简单数据类型
Oct 11 Javascript
JQuery给元素添加/删除节点比如select
Apr 02 Javascript
tangram框架响应式加载图片方法
Nov 21 Javascript
js实现点击添加一个input节点
Dec 05 Javascript
JS+CSS实现的经典圆角下拉菜单效果代码
Oct 21 Javascript
JavaScript实现url参数转成json形式
Sep 25 Javascript
URL的参数中有加号传值变为空格的问题(URL特殊字符)
Nov 04 Javascript
ES6模块化的import和export用法方法总结
Aug 08 Javascript
Layui表格监听行单双击事件讲解
Nov 14 Javascript
基于javascript实现贪吃蛇小游戏
Nov 25 Javascript
React四级菜单的实现
Apr 08 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实现详细解析
2013/08/24 PHP
使用PHP把HTML生成PDF文件的几个开源项目介绍
2014/11/17 PHP
PHP实现抓取迅雷VIP账号的方法
2015/07/30 PHP
phpinfo()中Loaded Configuration File(none)的解决方法
2017/01/16 PHP
在Laravel5.6中使用Swoole的协程数据库查询
2018/06/15 PHP
PHP使用PDO实现mysql防注入功能详解
2019/12/20 PHP
清除网页历史记录,屏蔽后退按钮!
2008/12/22 Javascript
jQuery技巧总结
2011/01/01 Javascript
利用js的Node遍历找到repeater的一个字段实例介绍
2013/04/25 Javascript
JS获取URL中参数值(QueryString)的4种方法分享
2014/04/12 Javascript
js实现三张图(文)片一起切换的banner焦点图
2015/08/25 Javascript
js控制多图左右滚动切换效果代码分享
2015/08/26 Javascript
jQuery实现鼠标双击Table单元格变成文本框及输入内容后更新到数据库的方法
2015/11/25 Javascript
JavaScript学习笔记整理之引用类型
2016/01/22 Javascript
jquery.validate表单验证插件使用方法解析
2016/11/07 Javascript
详解vue slot插槽的使用方法
2017/06/13 Javascript
Angular项目从新建、打包到nginx部署全过程记录
2017/12/09 Javascript
Angular实现svg和png图片下载实现
2019/05/05 Javascript
VuePress 中如何增加用户登录功能
2019/11/29 Javascript
js实现贪吃蛇游戏(简易版)
2020/09/29 Javascript
Python入门_学会创建并调用函数的方法
2017/05/16 Python
Python 调用Java实例详解
2017/06/02 Python
替换python字典中的key值方法
2018/07/06 Python
在Python中调用Ping命令,批量IP的方法
2019/01/26 Python
django 实现简单的插入视频
2020/04/07 Python
Django创建一个后台的基本步骤记录
2020/10/02 Python
html5 css3实例教程 一款html5和css3实现的小机器人走路动画
2014/10/20 HTML / CSS
Java中的异常处理机制的简单原理和应用
2013/04/27 面试题
给老婆大人的检讨书
2014/02/24 职场文书
幼儿园保育员岗位职责
2014/04/13 职场文书
财务内勤岗位职责
2014/04/17 职场文书
计算机网络专业自荐信
2014/07/04 职场文书
乡镇党的群众路线教育实践活动总结报告
2014/10/30 职场文书
业务内勤岗位职责
2015/04/13 职场文书
关爱空巢老人感想
2015/08/11 职场文书
学校少先队工作总结
2015/08/12 职场文书