妙趣横生：倒计时跳转页面

来源：互联网发布：手机版淘宝投诉卖家编辑：程序博客网时间：2024/04/29 20:12

前端代码

思路：可以使用setTimeout()或者setInterval(),每隔一秒钟执行一次change()方法。

<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>    <title></title>    <script  type="text/javascript">        window.onload = function () {            setTimeout(change, 1000);        }        function change() {            var time = document.getElementById("time").innerHTML;            time = parseInt(time);            time--;            if (time < 1) {                window.location.href = "UserInfoList.ashx";            } else {                document.getElementById("time").innerHTML = time;                setTimeout(change, 1000);            }        }    </script></head><body>    服务器忙啊！！<span style="font-size:20px;color:red" id="time">5</span>秒钟以后自动跳转到 <a href="UserInfoList.ashx">用户列表</a></body></html>

阅读全文

0 0