javascript倒计时跳转

最新推荐文章于 2022-01-14 10:56:23 发布

原创最新推荐文章于 2022-01-14 10:56:23 发布 · 148 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #JSP #HTML #ViewUI

本文介绍了一个简单的HTML页面自动跳转技术实现方法。通过JavaScript定时器与页面重定向功能结合，达到设定时间后自动跳转至指定页面的效果。此技术常用于网页提示或临时页面跳转场景。




<html>
<head>
<script language="JavaScript1.2" type="text/javascript"> 
function delayURL(url) {
    var delay = document.getElementById("time").innerHTML;
    //alert(delay);

    if(delay > 0){
        delay--;
        document.getElementById("time").innerHTML = delay;
    } else {
        window.top.location.href = url;
    }
    setTimeout("delayURL('" + url + "')", 1000);
}
</script>
</head>

<body>
<span id="time" style="background:cyan">5</span>秒钟后自动跳转到 > <a href="article.jsp">主题帖</a>

<script language="JavaScript1.2" type="text/javascript">
delayURL("article.jsp");
</script>
</body>
</html>