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 淡出一个图像到另一个图像的实现代码
Jun 12 Javascript
js中call与apply的用法小结
Dec 28 Javascript
jQuery 文本框得失焦点的简单实例
Feb 19 Javascript
一个可以增加和删除行的table并可编辑表格中内容
Jun 16 Javascript
详解Javascript模板引擎mustache.js
Jan 20 Javascript
BootStrap使用file-input插件上传图片的方法
Sep 05 Javascript
微信小程序前端源码逻辑和工作流
Sep 25 Javascript
React为 Vue 引入容器组件和展示组件的教程详解
May 03 Javascript
基于Vue实现图片在指定区域内移动的思路详解
Nov 11 Javascript
JavaScript实现的联动菜单特效示例
Jul 08 Javascript
vue开发移动端底部导航条功能
Apr 08 Javascript
js实现拾色器插件(ColorPicker)
May 21 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/02/14 PHP
PHP rawurlencode与urlencode函数的深入分析
2013/06/08 PHP
基于PHP实现简单的随机抽奖小程序
2016/01/05 PHP
对PHP依赖注入的理解实例分析
2016/10/09 PHP
使用WAMP搭建PHP本地开发环境
2017/05/10 PHP
关于文本框的一些限制控制总结~~
2010/04/15 Javascript
window.event快达到全浏览器支持了,以后使用就方便了
2011/11/30 Javascript
js跑马灯代码(自写)
2013/04/17 Javascript
js日期对象兼容性的处理方法
2014/01/28 Javascript
jQuery.extend()、jQuery.fn.extend()扩展方法示例详解
2014/05/08 Javascript
javascript框架设计读书笔记之数组的扩展与修复
2014/12/02 Javascript
推荐10 款 SVG 动画的 JavaScript 库
2015/03/24 Javascript
JavaScript中var关键字的使用详解
2015/08/14 Javascript
关于在vue-cli中使用微信自动登录和分享的实例
2017/06/22 Javascript
浅谈vue-cli 3.0.x 初体验
2018/04/11 Javascript
关于自定义Egg.js的请求级别日志详解
2018/12/12 Javascript
[43:14]Liquid vs Optic 2018国际邀请赛淘汰赛BO3 第二场 8.21
2018/08/22 DOTA
python实现的用于搜索文件并进行内容替换的类实例
2015/06/28 Python
让python 3支持mysqldb的解决方法
2017/02/14 Python
浅谈Python NLP入门教程
2017/12/25 Python
python操作redis方法总结
2018/06/06 Python
Python中应该使用%还是format来格式化字符串
2018/09/25 Python
Python 通过调用接口获取公交信息的实例
2018/12/17 Python
解决PyCharm控制台输出乱码的问题
2019/01/16 Python
在numpy矩阵中令小于0的元素改为0的实例
2019/01/26 Python
Python Selenium 之数据驱动测试的实现
2019/08/01 Python
分享CSS3制作卡片式图片的方法
2016/07/08 HTML / CSS
全球500多个机场的接送服务:Suntransfers
2019/06/03 全球购物
城市规划毕业生求职信
2013/10/10 职场文书
中专毕业生自荐信范文
2013/11/28 职场文书
党内外群众意见范文
2015/06/02 职场文书
记者节感言
2015/08/03 职场文书
企业愿景口号
2015/12/25 职场文书
安装配置mysql及Navicat prenium的详细流程
2021/06/10 MySQL
Python合并pdf文件的工具
2021/07/01 Python
SQL实现LeetCode(176.第二高薪水)
2021/08/04 MySQL