12月18日_ javascript对象，定时器 - 九期线上班 - 作业

javascript类与对象

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>javascript对象</title>
</head>
<body>
    <script type="text/javascript">
    //js对象
    //创建方法1  
    //注意格式
    var obj = new Object();
    obj.name = "aaa";
    obj.age = "18";
    console.log(obj);
    //创建方法2
    var obj1 = {name:"bbb",age:"28"};
    console.log(obj1);
    //javascript中类的概念较弱，直接定义对象
    var obj2 = {
        //类属性
        name:"aaa",
        age:"18",
        //类方法
        speak:function(){
            console.log('speak');
        },
    };
    console.log(obj2);
    //类方法调用 在类中调用类方法也需要添加对象名，或者用this
    obj2.speak();
    </script>
</body>
</html>

定时器

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js定时器</title>
</head>
<body>
    <button id="btn" onclick="send()">发送验证码</button>
    <script type="text/javascript">
    //js定时器 
    //setTimeout() 第一个参数是匿名函数 第二个参数是毫秒
    setTimeout(function(){
        console.log('页面加载完成');
    },3000);
    //匿名函数执行一次就找不到了 所以这个定时器只执行一次
    //js延时器
    //setInterval() 第一个参数是匿名函数 第二个参数是毫秒
    var stime = setInterval(function(){
        console.log('一直执行');
    },1000);
    //停止 
    clearInterval(stime);
    var aa = setInterval(function(){
        if(now < 13){
            return;
        }
        //...
        if(now > 14){
            clearInterval(aa);
        }
    },1000);
    //发送验证码倒计时
    function send(){
        var flag = 60;
        var txt = document.getElementById('btn').textContent;
        var timer = setInterval(function(){
            document.getElementById('btn').textContent = flag+'秒后重试';
            flag--;
            if(flag<0){
                clearInterval(timer);
                document.getElementById('btn').textContent = txt;
            }
        },1000);
    }
    </script>
</body>
</html>

总结：比较实用，以前总是看不懂。经过这段时间对基础的学习以及老师对原理的讲解。感觉代码能清晰了，能看懂。

12月18日_ javascript对象，定时器 - 九期线上班

javascript类与对象

定时器

相关文章