JS 電子時鐘

2021-10-04 10:07:04 字數 2012 閱讀 1363

思路:

獲取當前時間的時間物件

從時間物件中獲取當前的時間資訊,寫入到頁面中

注意:獲取的月份是從0開始的

星期,0是週日,還需要將數值轉化為漢字

"d">

<

/div>

d.innerhtml =

nowtime()

;setinterval

(function()

,1000

)// 建立當前時間物件

var d =

newdate()

;// 獲取年份 4位數值

var y = d.

getfullyear()

;// 獲取月份 執行結果需要+1

var month = d.

getmonth()

+1;// 獲取日期

var day = d.

getdate()

;// 獲取星期 結果是0-6的數值,需要轉化為漢字

var w = d.

getday()

;// 獲取小時

var h = d.

gethours()

;// 獲取分鐘

var m = d.

getminutes()

;// 獲取秒

var s = d.

getseconds()

;// 建立陣列,是星期getday()獲取的結果,對應的漢字

// 獲取結果時,將 getday() 的執行結果,作為索引下標,來獲取對應的漢字

var arr =

['日'

,'一'

,'二'

,'三'

,'四'

,'五'

,'六'];

// 補零操作,誰需要做,聽客戶的

// 他說寫,我們就寫,他說寫,我們就不寫

// 目前用小時,分鐘,秒做舉例

if(h <10)

if(m <10)

if(s <10)

// 組成字串,設定為返回值

return

`當前時間是:$年,

$月,$日,星期$,

$點,$分,

$秒`;}

// 將表示星期的數值,轉化為對應的漢字

// 0 1 2 3 4 5 6 表示星期的數值 --- 看做是 陣列的索引

// [日 一 二 三 四 五 六] 對應的漢字 --- 看做是 陣列的資料

// 可以建立乙個陣列,這個的資料是,需要對應的漢字

// 陣列的順序,就是獲取的星期的數值的順序

// 這個陣列的資料順序,也就是索引下標,正好對應的 getday()獲取的數值結果

// var arr = ['日','一','二','三','四','五','六'];

// 其他方法1: 也可以定義成物件

// var obj =

// 其他方法2: if判斷 好理解,但是執行效率低,**冗餘

if(w ==0)

else

if(w ==1)

else

if(w ==2)

else

if(w ==3)

else

if(w ==4)

else

if(w ==5)

else

if(w ==6)

else

// 其他方法3: switch判斷

switch

(w)// 補零效果

// 當顯示的內容是個位數時,給數值前新增 0

// 9 ---> 09

// 思路: 當數值小於 10

// 在數值前,拼接乙個字串'0'

var int =9;

if(int <10)

console.

log(int)

;<

/script>

Qt LCD電子時鐘

先上效果圖吧 就是這個樣子,簡單的時間顯示時間。這裡需要注意的是,我們最好建立乙個空檔案,這裡我們需要建立乙個整合qlcdnumber的類 具體方法如下圖 一下是源 digiclock.h ifndef digiclock h define digiclock h include include c...

tkinter實現電子時鐘

一 import tkinter import threading import datetime import time tkinter.tk overrideredirect true 不顯示標題欄 attributes alpha 0.9 半透明 attributes topmost 1 總是...

QT實現 電子時鐘

2.時鐘視窗 3.執行效果圖 簡介 1.主視窗 menu.件 ifndef menu h define menu h include include include class menu public qwidget endif menu h menu.cpp檔案 include menu.h in...