手机
当前位置:查字典教程网 >编程开发 >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)】相关文章:

IP地址输入框

js操作css属性实现div层展开关闭效果的方法

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

新闻一段时间向上滚动效果

JavaScript中的Math.E属性使用详解

采用CSS和JS,刚好我最近有个站点要用到下拉菜单!

实现无刷新联动例子汇总

无限扩展的年份select

srcElement表格样式

JavaScript中用getDate()方法返回指定日期的教程

精品推荐
分类导航