zoukankan      html  css  js  c++  java
  • 3.25

    JS

    创建一个欢迎cookie

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>123</title>
    </head>
    <head>
    <script>
    function setCookie(cname,cvalue,exdays){
        var d = new Date();
        d.setTime(d.getTime()+(exdays*24*60*60*1000));
        var expires = "expires="+d.toGMTString();
        document.cookie = cname+"="+cvalue+"; "+expires;
    }
    function getCookie(cname){
        var name = cname + "=";
        var ca = document.cookie.split(';');
        for(var i=0; i<ca.length; i++) {
            var c = ca[i].trim();
            if (c.indexOf(name)==0) { return c.substring(name.length,c.length); }
        }
        return "";
    }
    function checkCookie(){
        var user=getCookie("username");
        if (user!=""){
            alert("欢迎 " + user + " 再次访问");
        }
        else {
            user = prompt("请输入你的名字:","");
              if (user!="" && user!=null){
                setCookie("username",user,30);
            }
        }
    }
    </script>
    </head>
        
    <body onload="checkCookie()"></body>
        
    </html>

    一个简单的记时

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>123</title>
    </head>
    <body>
    
    <p>点击按钮,在等待 3 秒后弹出 "Hello"。</p>
    <button onclick="myFunction()">点我</button>
    <script>
    function myFunction(){
        setTimeout(function(){alert("Hello")},3000);
    }
    </script>
    
    </body>
    </html>

    另一个简单的计时

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>123</title>
    </head>
    <head>
    <script>
    function timedText(){
        var x=document.getElementById('txt');
        var t1=setTimeout(function(){x.value="2 秒"},2000);
        var t2=setTimeout(function(){x.value="4 秒"},4000);
        var t3=setTimeout(function(){x.value="6 秒"},6000);
    }
    </script>
    </head>
    <body>
        
    <form>
    <input type="button" value="显示文本时间!" onclick="timedText()" />
    <input type="text" id="txt" />
    </form>
    <p>点击上面的按钮,输出的文本将告诉你2秒,4秒,6秒已经过去了。</p>
    </body>
    
    </html>
  • 相关阅读:
    对offsetHeight,clientHeight,scrollHeight的理解
    对word-wrap和word-break的理解
    数据结构之线性表(严蔚敏《数据结构》要求)
    1-数据结构之线性表
    结构体变量声明及初始化的的那些坑
    指针与函数
    数组的深入理解
    0-绪论
    别让无知成恶趣!
    电路分析-3
  • 原文地址:https://www.cnblogs.com/cdl-sunshine/p/14907634.html
Copyright © 2011-2022 走看看