<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<title>倒计时
<script type="text/javascript">
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);
//console.log(future-now); //1090977861
/* parseInt:取整 */
var milli = parseInt((future-now)/1000);
/* 结束倒计时代码 */
//if(milli<=0){
/* 跳转页面 */
//window.location.href = "
//http://www.baidu.con";
//}
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;
}
}
<div id="div1">
</html>
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<title>变量的作用域
<script type="text/javascript">
/* 全局变量:函数外部定义的变量,函数内部和外部都可以访问,它的值可以共享
局部变量:函数内部定义的变量,函数内部可以访问,外部无法访问。
函数内部访问变量时，先在内部查找是否有此变量,如果有,就使用内部变量,
如果没有，就去外部查找
函数内部如果不用'var'关键字定义变量,变量可能会变成全局变量,如果用严格模式解析会报错 */
var a = 12;
var c = 10;
/* 没有var的变量为全局变量 */
function aa(){
//var a = 5;
alert(a);//就近是5 //内部没有是12
var b = 7;
//alert(b);//7
c++;
//alert(c);//11
d = 20;
alert('内' + d);//20
}
//alert('前' + c);//10
aa();
//alert(a); //12
//alert(b); //局部变量访问不了
alert('后' + c);//11
alert('外' + d);//20
</html>
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<title>封闭函数
<script type="text/javascript">
//function myAlert(){
//var str = '欢迎访问我的主页';
//alert(str);
//}
//myAlert();
var str = function(){
alert('text');
}
/* 封闭函数:防止函数混淆 */
/* 封闭函数的一般用法 */
//;;(function(){
//var str = '欢迎访问我的主页';
//alert(str);
//}) ();
//！(function(){
//var str = '欢迎访问我的主页';
//alert(str);
//}) ();
~(function(){
var str = '欢迎访问我的主页';
alert(str);
}) ();
</html>
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<title>用变量的方式定义函数
<script type="text/javascript">
//myAlert();
//function myAlert(){
//alert('hello!');
//}
/* 用变量定义的函数不能提前调用 */
var myAlert = function(){
alert('hello!';);
}
myAlert();
</html>
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<title>闭包
<script type="text/javascript">
/* 闭包的本质就是函数嵌套,就是在函数里面定义函数，
内部函数可以引用外部函数的参数和变量
参数和变量不会被垃圾回收机制给回收
闭包的用途:可以存循环的索引值、做私有变量计数器 */
/* 参数也是局部变量 */
//function aa(b){
//var a = 12;
//function bb(){
//alert(a);//12
//alert(b);//24
//}
//return bb;
//}
//var cc = aa(24);
var cc = (function(b){
var a = 12;
function bb(){
alert(a);//12
alert(b);//24
}
return bb;
})(24);
cc();
</html>
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<title>闭包存循环的索引值
<style type="text/css">
li{height:30px;
background-color:gold;
margin-bottom:10px;}
<script type="text/javascript">
//闭包的用途:存循环的索引值
window.onload = function(){
var aLi = document.getElementsByTagName('li');
for(var i = 0; i
(function(j){
aLi[j].onclick = function(){
alert(j);
}
})(i);
}
}
<li>1
<li>2
<li>3
<li>4
<li>5
<li>6
<li>7
<li>8
</html>
