5秒钟后自动跳转！！！！

最新推荐文章于 2023-05-23 11:52:45 发布

weixin_34018169

最新推荐文章于 2023-05-23 11:52:45 发布

阅读量249

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/h-g-f-s123/p/5709308.html

本文介绍了一个简单的登录界面实现方法，使用JavaScript进行用户名密码验证，并实现了倒计时自动跳转功能。通过定时器设置，使页面在指定时间内完成数字变化并跳转到目标页面。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

login界面

<html>
<head>
</head>
<body>
<script language="javascript">
    function checkuser(){
        if($("uname").value=="rui" &&$("pwd").value=="123"){
            
            return true;
        }else{
            
            return false;
        }
    }
    function $(id){
        return document.getElementById(id);
    }
</script>
<form action="ok2.html">
u:<input type="text" id="uname" /></br>
p:<input type="password" id="pwd" /></br>
<input type="submit" onclick="return checkuser()" value="登陆"/>
</form>
</body>
</html>

js实现数字变化，及跳转。

<script language="javascript">
    function tiao(){
        window.open('manage.html',"_self");
    }    

    setTimeout("tiao()",5000);//这个只执行一次，5秒后执行

    function changsec(){
        $("myspan").innerText=parseInt($("myspan").innerText)-1;//注意类型转换
    }
    setInterval("changsec()",1000);//这个每间隔1秒，执行一次
    function $(id){
        return document.getElementById(id);
    }
</script>


登陆成功后<span id="myspan">5</span>秒自动跳转管理页面