zoukankan      html  css  js  c++  java
  • 5秒钟后自动跳转!!!!

    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>秒自动跳转管理页面
  • 相关阅读:
    常用shell
    JavaScript基础
    CSS动画-页面特效
    CSS3常用操作
    CSS3的盒子模型
    CSS定位
    JQuery中的DOM操作
    [单词用法总结]-as
    JQuery选择器
    css选择器
  • 原文地址:https://www.cnblogs.com/h-g-f-s123/p/5709308.html
Copyright © 2011-2022 走看看