手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >5秒后跳转效果(setInterval/SetTimeOut)
5秒后跳转效果(setInterval/SetTimeOut)
摘要:setInterval版复制代码代码如下:$(function(){setInterval(function(){vartime=$("#t...

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 id="time">5</span>秒钟以后跳转到 <a href="<%=this.url %>"

【5秒后跳转效果(setInterval/SetTimeOut)】相关文章:

JavaScript中停止执行setInterval和setTimeout事件的方法

Eclipse编辑jsp、js文件时卡死现象的解决办法汇总

理解javascript定时器中的setTimeout与setInterval

jQuery判断一个元素是否可见的方法

网页常用Javascript

网页里控制图片大小的相关代码

Javascript实现div的toggle效果实例分析

匹配html标记的正则

你都知道吗关于高性能JAVASCRIPT?

脚本收藏iframe

精品推荐
分类导航