制作简单中转的定时器[settimeout]

最新推荐文章于 2025-02-06 18:21:02 发布

weixin_34082177

最新推荐文章于 2025-02-06 18:21:02 发布

阅读量80

点赞数

CC 4.0 BY-SA版权

原文链接：https://yq.aliyun.com/articles/73131

本文介绍了一种简单的注册成功页面实现方法，通过使用JavaScript的`setTimeout`函数来实现倒计时并自动跳转到登录页面的功能。

前言

前几天做了一个注册登陆的简单网页。
想着注册后的中转页面定时器制作。根据网上的资料貌似存在一些问题。
于是自己用比较傻的方法做了一个，效果还OK。

知识点讲解

这里主要是用到setTImeOut方法

示例

<!DOCTYPE html>
<!--[if lt IE 7 ]> <html lang="en" class="ie6 ielt8"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="ie7 ielt8"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="ie8"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]-->
<html lang="en">
<head>
    <script src="js/jquery-1.11.0.min.js">
    </script>
    <script>
        $(document).ready(function () {
            var time=1000;

            setTimeout("document.getElementById('time').innerHTML='注册成功，5秒后自动跳转到登陆页面'",1000);
            setTimeout("document.getElementById('time').innerHTML='注册成功，4秒后自动跳转到登陆页面'",2000);
            setTimeout("document.getElementById('time').innerHTML='注册成功，3秒后自动跳转到登陆页面'",3000);
            setTimeout("document.getElementById('time').innerHTML='注册成功，2秒后自动跳转到登陆页面'",4000);
            setTimeout("document.getElementById('time').innerHTML='注册成功，1秒后自动跳转到登陆页面'",5000);
            var t0 = setTimeout('ok()',6000);

        });

        function ok() {
            window.location.href="/user/login";
        }



    </script>

    <meta charset="UTF-8">
    <title>注册成功</title>
</head>
<body>
<div align="center" style="padding-top: 80px">
    <a href="/user/login" id="time"></a>
</div>
</body>
</html>