倒計(jì)時(shí)
倒計(jì)時(shí)：new Date(); 實(shí)際開發(fā)中時(shí)間從服務(wù)器獲取
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.; //倒計(jì)時(shí)間結(jié)束時(shí)跳轉(zhuǎn)
}
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時(shí)00分00秒還有' + day + '天' + toDouble(hour) + '時(shí)' + toDouble(minute) + '分' + toDouble(second) + '秒'
}
}
function toDouble(num){
if(num<10){
return '0' + num;
}
else{
return num;
}
}
變量的作用域
變量的作用域
全局變量：函數(shù)外部定義的變量孽糖，函數(shù)內(nèi)部和外部都可以訪問枯冈，它的值可以共享
局部變量：函數(shù)內(nèi)部定義的變量，函數(shù)內(nèi)部可以訪問办悟，外部無法訪問尘奏。函數(shù)內(nèi)部訪問變量時(shí)，先在內(nèi)部查找是否有此變量病蛉，如果有炫加，就使用內(nèi)部變量，如果沒有铺然，就去外部查找
函數(shù)內(nèi)部如果不用'var'關(guān)鍵字定義變量俗孝，變量可能會變成全局變量，如果用嚴(yán)格模式解析會報(bào)錯(cuò)
封閉函數(shù)
1：;;(正常函數(shù))();
2：魄健！正常函數(shù)
3：~正常函數(shù)
用變量方式定義函數(shù)：
正常函數(shù)可提前調(diào)用
若用變量代替函數(shù)調(diào)用時(shí)則不可在變量命名前方調(diào)用函數(shù)
閉包
閉包的本質(zhì)就是函數(shù)嵌套赋铝，就是在函數(shù)里面定義函數(shù)，
內(nèi)部函數(shù)可以引用外部函數(shù)的參數(shù)和變量
參數(shù)和變量不會被垃圾回收機(jī)制給回收（自動(dòng)回收不用的參數(shù)和變量）
閉包的用途：可以存循環(huán)的索引值沽瘦、做私有變量計(jì)數(shù)器
閉包存循環(huán)索引
window.onload = function(){
var aLi = document.getElementsByTagName('li');
for(var i = 0; i<aLi.length; i++){
(function(j){
aLi[j].onclick = function(){
alert(j);
}? //每一個(gè)封閉函數(shù)中的j都是獨(dú)立的革骨，所以能保存
})(i);
}
}
閉包做私有變量
var count = (function(){
var a=0;
function bb(){
a++;
return a;
}
return bb;
})();
alert(count());
閉包選項(xiàng)卡
window.onload = function(){
? ? ? var btns = document.getElementById('btns'
? ? ? ).getElementsByTagName('input');
? ? ? var cons = document.getElementById('contents'
? ? ? ).getElementsByTagName('div');
? ? ? for (var i=0; i<btns.length; i++){
? ? ? ?? btns[i].onclick =function () {
? ? ? ? ? ? for (var j=0;j<btns.length; j++){
? ? ? ? ? ? ?? btns[j].className = '';
}
? ? ? ? ? ? this.className = 'cur';
}
}
?? }
</script>
<div class="btns" id="btns">
?? <input type="button" value="tab01" class="cur">
?? <input type="button" value="tab02">
?? <input type="button" value="tab03">
</div>
<div class="contents" id="contents">
?? <div class="active">tab文字內(nèi)容一</div>
?? <div>tab文字內(nèi)容二</div>
?? <div>tab文字內(nèi)容三</div>
</div>
跳轉(zhuǎn)的源界面
<script type="text/javascript">
?? var backurl = document.referrer;
?? //登錄邏輯
?? //跳轉(zhuǎn)到上一個(gè)頁面
?? window.location.href = backurl;
?? </script>
<body>
? ? < a >北財(cái)網(wǎng)</ a>
</body>
獲取地址欄參數(shù)
<script type="text/javascript">
? ? ? //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;//獲取地址參數(shù)部分
? ? ? // console.log(data);// ?username=tom 打印獲取到的數(shù)據(jù)
? ? ? var arr = data.split('=');
? ? ? console.log(arr);//用=切割['?username','tom']
? ? ? var name = arr[1];//
? ? ? var span01 = document.getElementById('span01')
? ? ? span01.innerHTML = name;//往span里添加內(nèi)容
? ? ? var hash = window.location.hash;
? ? ? console.log(hash);//#12
?</script>
<body>
<div>歡迎<span id="span01"></span>訪問我的主頁</div>
</body>
