First:我們要知道時間的換算關系:
eg:1小時 = 60分 =(60*60)秒。所以:1hours=(60*60)s
在編程當中,時間大多都是用秒來計算的。
Second:我們步入寫程序的軌道:
1.我們要寫javascript的導入方式代碼:
<script type="text/javascript">
我是用來寫javascript代碼的!
</script>
2.定義一個最大時間並賦值給自定義名稱(maxtime),當然后邊的60*60可以根據自己所需是可以改動的。
eg:var maxtime = 60*60 //一個小時,按秒計算,自己調整!
3.自定義函數,函數名就叫CountDown()。寫法如下:
Third:以上代碼我來進一步為友友們解釋:
利用if...else做條件判斷語句。條件為(maxtime>=0)也就是說時間大於0秒,就執行內部程序。
minutes = Math.floor(maxtime/60);
seconds = Math.floor(maxtime%60);
上邊倆句代碼也就是第一步我們開始說的時間換算關系。
讓分=給定的值除以60(是換算進制單位)Math.floor就是向下取整的意思。代表把一個整數賦值給分(minutes),當然seconds(秒)也是類似。秒就需要用取模運算符去計算了,因為秒數是有除不盡的,需要我們加上它的余數才可以算是完整的秒數。
msg = "距離結束還有"+minutes+"分"+seconds+"秒";
document.all["timer"].innerHTML=msg;
第一句為輸出語句,也就是讓msg作為輸出語句,輸出距離結束還有xx分xx秒。第二句就是獲取到26行語句的timer的樣式並且將和msg這個等同於。
if(maxtime == 5*60) alert('注意,還有5分鍾!');
--maxtime;
第一句就是一個提醒程序員時間就只有5分鍾了,alert語句為彈出窗口進行警示。第二句是時間進行減退(它是跟上一個if語句有關聯的,切記)。
else{
clearInterval(timer);
alert("時間到,結束!");
}
else(否則)清除定時器。並且彈出警示框:時間到,結束!
timer = setInterval("CountDown()",1000);
這一句是本次函數里邊的最核心的語句,因為這就是傳說中的調用語句。也就是說我們自定義函數了,但是如果我們沒有調用的情況下,函數是不執行的,那么我們就必須記得要有調用語句,要不然寫了自定義函數也是白寫了!
setInterval是一個定時器函數,語義是循環定時器。里邊的參數就是為一個函數名,后邊跟的時間(以毫秒為單位)。1000ms也就是一秒時間變動一次。
<div id="timer" style="color:red"></div>
這是第26行,這就是給字體定義了一個顏色為紅色。id名是用在上邊js代碼里邊的調用。
好了,大家有哪里地方還看不懂的,可以直接留言給君君。或者關注君君微信公眾號,進行留言哦!