function changeTime() {
//獲取事件,創(chuàng)建日期對(duì)象
var date = new Date();
console.log(date);
//獲取時(shí)分秒
// var ms =date.getMilliseconds();
var sec = date.getSeconds(); //+ ms / 1000;
var min = date.getMinutes();
console.log (sec, min);
var hr = date.getHours()+ min/60;
console.log(hr);
//動(dòng)畫(huà)
second.style.transform = 'rotate(' + 6 * sec +'deg)';
minute.style.transform ='rotate(' + 6 * min +'deg)';
hour.style.transform = 'rotate(' + 30 * hr +'deg)';
}
changeTime();
var time = setInterval(changeTime,1000);
console.log(time);
時(shí)鐘案例
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
相關(guān)閱讀更多精彩內(nèi)容
- 時(shí)鐘案例 分兩步進(jìn)行的。第一步: 要得到現(xiàn)在的 時(shí) 分 秒但是這里面有一個(gè)小玄機(jī) 。比如現(xiàn)在是 9點(diǎn)整 ...
- 注:這是在一個(gè)日本的網(wǎng)站上發(fā)現(xiàn)的小插件,覺(jué)得挺有意思,就分享一下。因?yàn)闃侵鞑欢瘴?,所以本文的?biāo)題和下面的介紹都是...
- 我做了一個(gè)Arduino時(shí)鐘,功能就像普通的電子表。有兩個(gè)按鍵。按鍵1可用來(lái)顯示日期、秒,在顯示日期三秒后,自動(dòng)返...
- 文/二璐 房子固然重要,但與余下幾十年的人生相比,心靈的舒適感和愛(ài)情的歸屬感才是決定你幸福的關(guān)鍵因素。 1 很久很...