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检测Firefox浏览器是否启用了Firebug的代码
Dec 28 Javascript
jquery入门必备的基本认识及实例(整理)
Jun 24 Javascript
JavaScript中实现单体模式分享
Jan 29 Javascript
js实现点击文本框显示日期选择器特效代码分享
May 21 Javascript
jquery实现倒计时功能
Dec 28 Javascript
jquery实现右侧栏菜单选择操作
Mar 04 Javascript
jQuery限制图片大小的方法
May 25 Javascript
jquery判断input值不为空的方法
Jun 05 Javascript
小程序开发实战:实现九宫格界面的导航的代码实现
Jan 19 Javascript
Angular4集成ng2-file-upload的上传组件
Mar 14 Javascript
微信小程序实现电子签名并导出图片
May 27 Javascript
vue-axios同时请求多个接口 等所有接口全部加载完成再处理操作
Nov 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
Windows7下的php环境配置教程
2015/02/28 PHP
postfixadmin忘记密码后的修改密码方法详解
2016/07/20 PHP
PHP+MariaDB数据库操作基本技巧备忘总结
2018/05/21 PHP
jquery与google map api结合使用 控件,监听器
2010/03/04 Javascript
jquery 插件学习(四)
2012/08/06 Javascript
js页面跳转的常用方法整理
2013/10/18 Javascript
JS批量操作CSS属性详细解析
2013/12/16 Javascript
js菜单点击显示或隐藏效果的简单实例
2014/01/13 Javascript
js清空表单数据的两种方式(遍历+reset)
2014/07/18 Javascript
JS制作手机端自适应缩放显示
2015/06/11 Javascript
Javascript基础教程之比较null和undefined值
2016/05/16 Javascript
JS命令模式例子之菜单程序
2016/10/10 Javascript
详解JavaScript常量定义
2017/01/03 Javascript
js每隔两秒输出数组中的一项(实例)
2017/05/28 Javascript
本地存储localStorage用法详解
2017/07/31 Javascript
vue如何获取点击事件源的方法
2017/08/10 Javascript
Vue.js 动态为img的src赋值方法
2018/03/14 Javascript
vue 项目打包时样式及背景图片路径找不到的解决方式
2019/11/12 Javascript
[04:03]DOTA2英雄梦之声_第02期_风暴之灵
2014/06/30 DOTA
python实现自动重启本程序的方法
2015/07/09 Python
详解Python网络爬虫功能的基本写法
2016/01/28 Python
python脚本替换指定行实现步骤
2017/07/11 Python
Python实现的排列组合计算操作示例
2017/10/13 Python
Python实现获取本地及远程图片大小的方法示例
2018/07/21 Python
python list转置和前后反转的例子
2019/08/26 Python
python 多线程中join()的作用
2020/10/29 Python
HTML5和CSS3实例教程总结(推荐)
2016/07/18 HTML / CSS
PHP开发工程师面试问题集锦
2012/11/01 面试题
初中生学习生活的自我评价
2013/11/20 职场文书
家长会学生演讲稿
2014/04/26 职场文书
企业文化标语大全
2014/06/10 职场文书
教师四风自我剖析材料
2014/09/30 职场文书
加强作风建设工作总结
2014/10/23 职场文书
银行安全保卫工作总结
2015/08/10 职场文书
《文化苦旅》读后感:阅读,让人诗意地栖居在大地上
2019/12/24 职场文书
SpringBoot详解自定义Stater的应用
2022/07/15 Java/Android