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

安装使用Mongoose配合Node.js操作MongoDB的基础教程

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

jQuery常用知识点总结以及平时封装常用函数

实现无刷新联动例子汇总

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

jquery右下角自动弹出可关闭的广告层

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

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

JavaScript点击按钮后弹出透明浮动层的方法

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

精品推荐
分类导航