倒计时
倒计时: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';
}
}
}
跳转的源界面
< a href="http://www.beicai.com">北财网
获取地址栏参数
//file:///D:/HTML/%E5%89%8D%E7%AB%AF/demo/demo-A/156%E8%8E%B7%E5%8F%96%E5%9C%B0%E5%9D%80%E6%A0%8F%E5%8F%82%E6%95%B0.html?username=tom#12
var data = window.location.search;//获取地址参数部分
// console.log(data);// ?username=tom 打印获取到的数据
var arr = data.split('=');
console.log(arr);//用=切割['?username','tom']
var name = arr[1];//
var span01 = document.getElementById('span01')
span01.innerHTML = name;//往span里添加内容
var hash = window.location.hash;
console.log(hash);//#12