5秒后跳转效果(setInterval/SetTimeOut)
更新时间：2013年05月03日 16:17:55 作者：
实现5秒后自动跳转效果有两种方式setInterval与SetTimeOut，具体实现如下，感兴趣的朋友可以参考下
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 %>"
复制代码 代码如下:
$(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 %>"
相关文章
curl命令查看请求响应时间的方法非常简单，今天小编抽空给大家介绍下使用Curl命令查看请求响应时间方法，感兴趣的朋友一起看看吧2016-11-11
这篇文章主要介绍了webstorm中vue语法的支持详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-05-05
蒙板是两个div，其中popWindow样式的div用于遮住整个页面并半透明，感兴趣的朋友可以参考下哈，希望对你学习js蒙版有所帮助2013-04-04
这篇文章主要为大家详细介绍了layui实现数据表格点击搜索功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-07-07
这篇文章主要介绍了JavaScript使用cookie记录临时访客信息的方法,涉及javascript操作cookie的技巧,非常具有实用价值,需要的朋友可以参考下2015-04-04
js的写法基础分析，学习js的朋友可以参考下。2011-01-01
今天小编就为大家分享一篇layer弹出层取消遮罩的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
这篇文章主要为大家详细介绍了js实现经典扫雷游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-05-05
详解Javascript 中的 class、构造函数、工厂函数
这篇文章主要介绍了详解Javascript 中的 class、构造函数、工厂函数,需要的朋友可以参考下2017-12-12
其实吧，关于作用域链相关的文章我也看了不少，但是我一直也没能做一个详细的总结，今天把我看到的一些东西，结合自己的想法，总结成以下8个点2013-12-12
最新评论