倒计时,变量的作用域,封闭函数,闭包,闭包存循环索引,闭包做私有变量,闭包选项卡,跳转的源界面

倒计时

倒计时:new Date(); 实际开发中时间从服务器获取

window.onload = function(){

var oDiv = document.getElementById('div1');

timeLeft();

setInterval(timeLeft,1000);

function timeLeft(){

var now = new Date();

var future = new Date(2019,10,12,0,0,0);

var milli = parseInt((future-now) / 1000);

if (milli<=0){

window.location.href = "http://www.baidu.com"; //倒计时间结束时跳转

}

var day = parseInt(milli / 86400); //60*60*24

var hour = parseInt((milli % 86400) / 3600);

var minute = parseInt(((milli % 86400) % 3600) / 60);

var second = milli % 60;

oDiv.innerHTML = '距离2019年11月12日00时00分00秒还有' + day + '天' + toDouble(hour) + '时' + toDouble(minute) + '分' + toDouble(second) + '秒'

}

}

function toDouble(num){

if(num<10){

return '0' + num;

}

else{

return num;

}

}

变量的作用域

变量的作用域

全局变量:函数外部定义的变量,函数内部和外部都可以访问,它的值可以共享

局部变量:函数内部定义的变量,函数内部可以访问,外部无法访问。函数内部访问变量时,先在内部查找是否有此变量,如果有,就使用内部变量,如果没有,就去外部查找

函数内部如果不用'var'关键字定义变量,变量可能会变成全局变量,如果用严格模式解析会报错

封闭函数

1:;;(正常函数)();

2:!正常函数

3:~正常函数

用变量方式定义函数:

正常函数可提前调用

若用变量代替函数调用时则不可在变量命名前方调用函数

闭包

闭包的本质就是函数嵌套,就是在函数里面定义函数,

内部函数可以引用外部函数的参数和变量

参数和变量不会被垃圾回收机制给回收(自动回收不用的参数和变量)

闭包的用途:可以存循环的索引值、做私有变量计数器

闭包存循环索引


window.onload = function(){

var aLi = document.getElementsByTagName('li');

for(var i = 0; i

(function(j){

aLi[j].onclick = function(){

alert(j);

}  //每一个封闭函数中的j都是独立的,所以能保存

})(i);

}

}

闭包做私有变量

var count = (function(){

var a=0;

function bb(){

a++;

return a;

}

return bb;

})();

alert(count());

闭包选项卡

window.onload = function(){

      var btns = document.getElementById('btns'

      ).getElementsByTagName('input');

      var cons = document.getElementById('contents'

      ).getElementsByTagName('div');

      for (var i=0; i

         btns[i].onclick =function () {

            for (var j=0;j

               btns[j].className = '';

}

            this.className = 'cur';

}

}

   }

  

  

  

  

tab文字内容一

  

tab文字内容二

  

tab文字内容三

跳转的源界面

    < a href="http://www.beicai.com">北财网

获取地址栏参数

欢迎访问我的主页

你可能感兴趣的:(倒计时,变量的作用域,封闭函数,闭包,闭包存循环索引,闭包做私有变量,闭包选项卡,跳转的源界面)