js基礎練習三之數碼時鐘

2022-04-29 13:15:09 字數 793 閱讀 6327

這章節有兩個例項，1，定時器的使用; 2，數碼時鐘;

用到的js知識：定時器，date物件.

>>>>>定時器

開啟定時器：

setinterval 間隔型

settimeout 延時型

停止定時器：

clearinterval

cleartimeout

setinterval 間隔型 用法小列子：

window.onload=function


(); 


obtn2.onclick=function() //


關閉定時器;}


function


show()
settimeout 延時型 用法小例子，類似qq介面延遲顯示詳細資料效果

>>>>>>>>>>數碼時鐘:效果思路


*獲取系統時間


date物件


gethours,getminutes,getseconds


date物件的其他方法：


年 .getfullyear()


月 .getmonth()  (月從0開始)


日 .getdate()


星期 .getday()


*顯示系統時間


字串連線


空位補零


*設定路徑


charat方法


類似效果，這裡只有時間沒有日期，相應的星期可用switch函式：


function tochines(numday)


 
練習之模擬時鐘
最近在學習html5，雖然這個出來已經很久了，但自己比較懶，一直沒動心思去學。趁年末有時間，研究了下，發現確實比較好用，以前難以實現的功能，用新的技術簡單就可以做出來，於是動手寫了個模擬時鐘，比較簡單，權當練手吧。js部分 var clock function circle,canvas clock...


Web 基礎學習之 JS ，迴圈練習
1.判斷閏年 var i for i 1980 i 2016 i 2.九九乘法表 var i,j for i 0 i 10 i document.write 3.100 999的水仙花 第一種方法 var i,a 0,b 0,c 0 for i 100 i 1000 i 第二種方法 for var ...


js基礎for迴圈練習
for迴圈練習題 1 輸出100以內的奇數和偶數 var js 存放奇數 var os 存放偶數 for var i 1 i 100 i else alert os alert js 2 取100以內與7相關的數 var s for var i 0 i 100 i alert s 3 求100以內數...