5秒后跳转效果(setInterval/SetTimeOut)
5秒后跳转效果(setInterval/SetTimeOut)
发布时间:2016-12-30 来源:查字典编辑
摘要: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 %>"

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类