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使用ColorBox弹出图片组浏览层实例演示
Mar 14 Javascript
JS使用replace()方法和正则表达式进行字符串的搜索与替换实例
Apr 10 Javascript
jQuery抛物线运动实现方法(附完整demo源码下载)
Jan 08 Javascript
JS简单随机数生成方法
Sep 05 Javascript
浅谈jquery之on()绑定事件和off()解除绑定事件
Oct 26 Javascript
AngularJS实现路由实例
Feb 12 Javascript
JS使用ActiveXObject实现用户提交表单时屏蔽敏感词功能
Jun 20 Javascript
Vue中v-show添加表达式的问题(判断是否显示)
Mar 26 Javascript
vue模式history下在iis中配置流程
Apr 17 Javascript
JavaScript实现单英文金山打字通
Jul 24 Javascript
vue.js的状态管理vuex中store的使用详解
Nov 08 Javascript
浅谈Vue开发人员的7个最好的VSCode扩展
Jan 20 Vue.js
如何用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/02/27 无线电
解析PHP实现下载文件的两种方法
2013/07/05 PHP
PHP中Fatal error session_start()错误解决步骤
2014/08/05 PHP
php页面函数设置超时限制的方法
2014/12/01 PHP
php提交post数组参数实例分析
2015/12/17 PHP
PHP面向对象程序设计组合模式与装饰模式详解
2016/12/02 PHP
PHP让网站移动访问更加友好方法
2019/02/14 PHP
php和vue配合使用技巧和方法
2019/05/09 PHP
laravel框架中视图的基本使用方法分析
2019/11/23 PHP
gearman中任务的优先级和返回状态实例分析
2020/02/27 PHP
七种PHP开发环境搭建工具
2020/06/28 PHP
ASP.NET中使用后端代码注册脚本 生成JQUERY-EASYUI的界面错位的解决方法
2010/06/12 Javascript
ie中js创建checkbox默认选中问题探讨
2013/10/21 Javascript
Javascript实现带关闭按钮的网页漂浮广告代码
2014/01/12 Javascript
jQuery如何取id有.的值一般的方法是取不到的
2014/04/18 Javascript
jquery模拟alert的弹窗插件
2015/07/31 Javascript
jquery zTree异步加载、模糊搜索简单实例分享
2016/03/24 Javascript
NodeJS创建基础应用并应用模板引擎
2016/04/12 NodeJs
JS采用绝对定位实现回到顶部效果完整实例
2016/06/20 Javascript
js遍历json的key和value的实例
2017/01/22 Javascript
JS实现访问DOM对象指定节点的方法示例
2018/04/04 Javascript
webpack4 css打包压缩问题的解决
2018/05/18 Javascript
在create-react-app中使用css modules的示例代码
2018/07/31 Javascript
使用vue cli4.x搭建vue项目的过程详解
2020/05/08 Javascript
代码块高亮可复制显示js插件highlight.js+clipboard.js整合
2021/02/15 Javascript
在Python中实现贪婪排名算法的教程
2015/04/17 Python
python组合无重复三位数的实例
2018/11/13 Python
pandas通过loc生成新的列方法
2018/11/28 Python
利用Pyhton中的requests包进行网页访问测试的方法
2018/12/26 Python
Python运行提示缺少模块问题解决方案
2020/04/02 Python
详解pyinstaller生成exe的闪退问题解决方案
2020/06/19 Python
南威尔士家居商店:Leekes
2016/10/25 全球购物
牵手50新加坡:专为黄金岁月的单身人士而设的交友网站
2020/08/16 全球购物
2014年幼儿园安全工作总结
2014/11/10 职场文书
公司仓管员岗位职责
2015/04/01 职场文书
《花钟》教学反思
2016/02/17 职场文书