時(shí)鐘/倒計(jì)時(shí)/變量的作用域/封閉函數(shù)

????????????????????????????????????????????????時(shí)鐘

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>時(shí)鐘</title>

<style type="text/css">

</style>

<script type="text/javascript">

window.onload = function(){

var oBox = document.getElementById('box');

function timeGo(){

var now = new Date();

// alert(now);//彈出美式時(shí)間:Wed Jun 20 2018 15:27:13 GMT+0800 (中國標(biāo)準(zhǔn)時(shí)間)

var year = now.getFullYear();//2018年

var month = now.getMonth() + 1;//6月彈出5//范圍0-11

var date = now.getDate();//20號

var week = now.getDay();//3//星期幾兢哭,西半球時(shí)間主慰,范圍0-6猖吴,星期日為一周的第一天,為0

var hour = now.getHours();

var minute = now.getMinutes();

var second = now.getSeconds();

// alert(hour + ":" + minute + ":" + second);//15:33:9

oBox.innerHTML = '當(dāng)前時(shí)間是:' + year + '年' + toDouble(month) + '月' + toDouble(date) + '日 ' + toWeek(week) + ' ' + toDouble(hour) + ":" + toDouble(minute) + ":" + toDouble(second);

}

timeGo();

setInterval(timeGo, 1000);

}

//此函數(shù)將星期的數(shù)字轉(zhuǎn)為漢字表示

function toWeek(num){

switch(num){

case 0:

return '星期天';

break;

case 1:

return '星期一';

break;

case 2:

return '星期二';

break;

case 3:

return '星期三';

break;

case 4:

return '星期四';

break;

case 5:

return '星期五';

break;

case 6:

return '星期六';

break;

}

}

//此函數(shù)將不足兩位的數(shù)字前面補(bǔ)0

function toDouble(num){

if(num < 10){

return '0' + num;

}else{

return num;

}

}

</script>

</head>

<body>

<div id="box"></div>

</body>

</html>

..............................................................................................................................................................................

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?倒計(jì)時(shí)

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>倒計(jì)時(shí)</title>

<script type="text/javascript">

window.onload = function(){

//活動第二天要將頁面下線讼积,直接跳轉(zhuǎn)到其它頁面舰攒,不會走后面的代碼了

// window.location.;

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

function timeLeft(){

//實(shí)際開發(fā)中此時(shí)間從服務(wù)器獲取罐盔,避免客戶端調(diào)整時(shí)間

var now = new Date();

var future = new Date(2018,5,20,16,30,20);

// alert(future - now);//彈出與當(dāng)前時(shí)間相差的毫秒數(shù):12469935436

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

//活動當(dāng)天頁面下線揭厚,避免倒計(jì)時(shí)到點(diǎn)后繼續(xù)計(jì)負(fù)時(shí)

// if(milli <= 0){

// //頁面跳轉(zhuǎn)却特,不執(zhí)行下面的代碼了

// window.location.;

// }

var day = parseInt(milli / 86400);

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

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

var second = milli % 60;

oDiv.innerHTML = '距離2018年11月12日00時(shí)00分00秒還有' + day + '天' + toDouble(hour) + '時(shí)' + toDouble(minute) + '分' + toDouble(second) + '秒';

}

timeLeft();

setInterval(timeLeft, 1000);

}

function toDouble(num){

if(num < 10){

return '0' + num;

}else{

return num;

}

}

</script>

</head>

<body>

<div id="div1"></div>

</body>

</html>

..............................................................................................................................................................................

????????????????????????????????????????????變量的作用域

全局變量:函數(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ù)

<script type="text/javascript">

/*原來的寫法

function myAlert(){

var str = '歡迎訪問我的主頁';

alert(str);

}

myAlert();*/

var str = function(){

alert('test');

}

//封閉函數(shù)的一般寫法

//封閉函數(shù)定義:(function(){……})()

/*

;;(function(){

var str = '歡迎訪問我的主頁';

alert(str);

})();//最后的()表示馬上執(zhí)行

*/

//封閉函數(shù)其他的寫法:在匿名函數(shù)前加“!”或者“~”赛惩,之后加“()”

~function(){

var str = '歡迎訪問我的主頁';

alert(str);

}();

</script>

............................................................................................................................................................................

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末哀墓,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子喷兼,更是在濱河造成了極大的恐慌篮绰,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,378評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡唠雕,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,356評論 2 382
  • 文/潘曉璐 我一進(jìn)店門贾漏,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人藕筋,你說我怎么就攤上這事磕瓷。” “怎么了念逞?”我有些...
    開封第一講書人閱讀 152,702評論 0 342
  • 文/不壞的土叔 我叫張陵困食,是天一觀的道長。 經(jīng)常有香客問我翎承,道長硕盹,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,259評論 1 279
  • 正文 為了忘掉前任叨咖,我火速辦了婚禮瘩例,結(jié)果婚禮上啊胶,老公的妹妹穿的比我還像新娘。我一直安慰自己垛贤,他們只是感情好焰坪,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,263評論 5 371
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著聘惦,像睡著了一般某饰。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上善绎,一...
    開封第一講書人閱讀 49,036評論 1 285
  • 那天黔漂,我揣著相機(jī)與錄音,去河邊找鬼禀酱。 笑死炬守,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的剂跟。 我是一名探鬼主播减途,決...
    沈念sama閱讀 38,349評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼曹洽!你這毒婦竟也來了鳍置?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 36,979評論 0 259
  • 序言:老撾萬榮一對情侶失蹤衣洁,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后抖仅,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體坊夫,經(jīng)...
    沈念sama閱讀 43,469評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,938評論 2 323
  • 正文 我和宋清朗相戀三年撤卢,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了环凿。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,059評論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡放吩,死狀恐怖智听,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情渡紫,我是刑警寧澤到推,帶...
    沈念sama閱讀 33,703評論 4 323
  • 正文 年R本政府宣布,位于F島的核電站惕澎,受9級特大地震影響莉测,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜唧喉,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,257評論 3 307
  • 文/蒙蒙 一捣卤、第九天 我趴在偏房一處隱蔽的房頂上張望忍抽。 院中可真熱鬧,春花似錦董朝、人聲如沸鸠项。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,262評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽祟绊。三九已至,卻和暖如春闲询,著一層夾襖步出監(jiān)牢的瞬間久免,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評論 1 262
  • 我被黑心中介騙來泰國打工扭弧, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留阎姥,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 45,501評論 2 354
  • 正文 我出身青樓鸽捻,卻偏偏與公主長得像呼巴,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子御蒲,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,792評論 2 345

推薦閱讀更多精彩內(nèi)容

  • 第一章: JS簡介 從當(dāng)初簡單的語言衣赶,變成了現(xiàn)在能夠處理復(fù)雜計(jì)算和交互,擁有閉包厚满、匿名函數(shù)府瞄, 甚至元編程等...
    LaBaby_閱讀 1,640評論 0 6
  • <!DOCTYPE html> 定時(shí)器彈框 .pop{ width: 400px; height: 300px; ...
    啊煙雨閱讀 1,715評論 0 0
  • 100個(gè)常用的javascript函數(shù) 1丰榴、原生JavaScript實(shí)現(xiàn)字符串長度截取 復(fù)制代碼代碼如下: fun...
    老頭子_d0ec閱讀 353評論 0 0
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5货邓? 答:HTML5是最新的HTML標(biāo)準(zhǔn)。 注意:講述HT...
    kismetajun閱讀 27,422評論 1 45
  • Lua 5.1 參考手冊 by Roberto Ierusalimschy, Luiz Henrique de F...
    蘇黎九歌閱讀 13,743評論 0 38