博客列表 >对象的声明,setTimeout和setIntervel的使用方法 - 第九期线上班 20191219

对象的声明,setTimeout和setIntervel的使用方法 - 第九期线上班 20191219

MArtian
MArtian原创
2019年12月19日 18:23:16980浏览

setIntervel方法

setIntervel 是循环定时函数,通常用于需要定时重复执行的方法

  1. function count(){
  2. var txt = document.getElementById('getCode').textContent,
  3. counter = 10,
  4. timer = setInterval(function(){
  5. document.getElementById('getCode').textContent = counter + '秒后重新获取';
  6. counter--;
  7. if(counter == 0){
  8. document.getElementById('getCode').textContent = txt;
  9. clearInterval(timer);
  10. }
  11. },1000);
  12. }
  1. <button type="button" id="getCode" onclick="count()">获取验证码</button>

setTimeout 定时函数

setTimeout函数只执行一次,使用方法与setIntervel相同

  1. function count2(){
  2. var box = document.getElementById('counter2'),
  3. timer = 60,
  4. counter = setTimeout(function(){
  5. alert('1秒后的弹窗');
  6. },1000);
  7. }

两种对象的声明方法

  1. // 第一种对象定义
  2. var obj = new Object();
  3. obj.name = 'Ricky';
  4. obj.age = '28';
  5. obj.func = function(){
  6. alert('我是一个方法');
  7. };
  8. console.log(obj);
  9. // 第二种对象定义
  10. var obj2 = {
  11. name:'Ricky',
  12. age:'29',
  13. func:function(){
  14. alert('我是一个方法2');
  15. }
  16. };
  17. console.log(obj2)

总结

  1. 对象和数组的结构有些类似,两者不可混淆,对象的元素使用{}包裹,数组元素使用[]包裹,对象需要属性名称,数组不可以有属性名称,对象可以用.属性名来调用对象内相应的方法。
  2. setTimeout和setIntervel函数两者声明的时候,调用函数应填写函数的指针名,而不是函数返回值:例子
    1. function func1(){
    2. console.log('我是函数');
    3. }
    4. setTimeout(func1,1000);
    5. // 这里如果要调用函数func1,应填写指针名称,不可以带(),否则调用的是这个函数返回的值
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议