JS/Jquery第课定义对象和定时器发送验证码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js 对象</title>
</head>
<body>
<button id="btn" onclick="seng()">放松验证码</button>
<script type="text/javascript">
    // 定义对象 有两种 new 动态加属性 ，直接赋值给变量
   /* var obj = new Object();
    obj.name = 'emagic';
    obj.age = '20';
    obj.spek = function(){
        console.log('我会看车');
    };
    //调用对象
    obj.spek();*/
   // 定义对象函数
    /*function spek()
    {
        console.log('看车');
    }
    spek()*/;
    // 直接赋值给对象
    // var obj = {age:'50',name:'张三'};
    // obj.addr = "shena shen";
    // 第二种调用方式
   /* var obj = {age:'50',name:'张三'};
    obj.add = "ks shen";
    obj.spek = function(){
        console.log('我会说话了');
    };
    obj.spek();*/
/*// 第二种定义对象
    var obj = {
        name:'emagic',
        age:20,
        spek:function(){
          console.log('开测');
        },
    };
    obj.spek();*/
    /*// 对象传参
    var obj={
        name: '校长三',
        age: 20,
        keps:function(kes){
            console.log('开测'+kes);
        },
    };
    obj.keps('这是对象穿三');*/
    // 第二种动态定义加参数
    /*var obj = {
        name:"肇庆",
        age: 20,
        keop:function(ks){
            console.log('连接传参['+ks+']');
        },
    };
    obj.keop('hello word');*/
    // 定义多个方法
    /*var obj = {
        name:"张三",
        age: 30,
        kew:function (word){
            console.log('这是我的世界【'+word+'】');
        },
        kews:function(hello){
            console.log('你好世界'+hello);
        },
    };
    obj.kews("开始我的故事");
    obj.kew('创建世界');*/
    // 闭包 用的少
    /*function skep(){
        var name ='看了';
        var age=20;
        function bbb()
        {
            console.log('my name is aaa');
        }
        bbb();
    };
    skep();*/
    //方法调用方法 keps2调用keps
    /*var obj = {
        name: "张三",
        age: 18,
        keps: function(str,it){
            console.log('第一个'+str);
            console.log('第二个'+it);
        },
        keps2:function(){
            this.keps('keps2调用了keps','aaaa');
        }
    };
    obj.keps2();
*/
    // console.log(obj);
    // js定时器
  /*  setTimeout(function(){
        console.log('页面加载完毕');
    },2000);
    // 匿名函数
    function kes(){
        console.log('my name is aa ');
    }
    // 调用方法时可以直接调用方法 不要加()
    setTimeout(kes,2000);
*/
    // setInterval设置时间段
 /* function tis()
    {
        console.log('my name is a');
    }
    var kess = setInterval(function (){
        console.log('this is setInterval');
        clearInterval(kess);
    },1000)*/;
    /* function tis()
        {
            console.log('my name is a');
        }
        var kess = setInterval(function (){
            console.log('this is setInterval');
            clearInterval(kess);
        },1000)*/
  // 设置定时13-14发布时间段
   /*var time = 24;
    var kers = setInterval(function(){
        if(time<13){
            return;
        }
        console.log('this is setInterval()');
        if(time>14){
            clearInterval(kers);
        }
    },1000);*/
    /*var flag = 0;
    var kowsd = setInterval(function(){
        console.log('this is setInterval()');
    },3000);*/
    // 发送验证码定时器
    function seng(){
        var flag = 60;
        var txt = document.getElementById('btn').textContent;
        var timer = setInterval(function(){
            document.getElementById('btn').textContent = flag +'秒后重试';
            flag--;
            if(flag ==0){
                document.getElementById('btn').textContent = txt;
                clearInterval(timer);
            }
        },1000);
    }
</script>
</body>
</html>
总结

1、clearInterval设置预定义时间，出现一次继续往下执行
2、document.getElementById
JS/Jquery第课 定义对象和定时器发送验证码

总结

相关文章
