Blogger Information
Blog 40
fans 3
comment 0
visits 48211
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
对象的声明,setTimeout和setIntervel的使用方法 - 第九期线上班 20191219
MArtian
Original
981 people have browsed it

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,应填写指针名称,不可以带(),否则调用的是这个函数返回的值
Correction status:Uncorrected

Teacher's comments:
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post