倒计时
倒计时：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<aLi.length; 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.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文字内容一</div>
<div>tab文字内容二</div>
<div>tab文字内容三</div>
</div>
跳转的源界面
<script type="text/javascript">
var backurl = document.referrer;
//登录逻辑
//跳转到上一个页面
window.location.href = backurl;
</script>
<body>
< a href="http://www.beicai.com">北财网</ a>
</body>
获取地址栏参数
<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;//获取地址参数部分
// 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
</script>
<body>
<div>欢迎<span id="span01"></span>访问我的主页</div>
</body>
