如何用js獲取當(dāng)?shù)貢r(shí)間做當(dāng)?shù)刂羔?/h1>

來(lái)源：懂視網(wǎng) 責(zé)編：小采 時(shí)間：2020-11-27 20:12:49

如何用js獲取當(dāng)?shù)貢r(shí)間做當(dāng)?shù)刂羔?/h4>

如何用js獲取當(dāng)?shù)貢r(shí)間做當(dāng)?shù)刂羔?做一個(gè)機(jī)械鐘表，鐘表背景，做一個(gè)三指針偏轉(zhuǎn)的動(dòng)畫(huà)效果1、獲取當(dāng)?shù)貢r(shí)間獲取三個(gè)指針的對(duì)象（樣式不贅述）var h = document.getElementById("h"); var m = document.getElementById("m"); var s = d

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

導(dǎo)讀如何用js獲取當(dāng)?shù)貢r(shí)間做當(dāng)?shù)刂羔?做一個(gè)機(jī)械鐘表，鐘表背景，做一個(gè)三指針偏轉(zhuǎn)的動(dòng)畫(huà)效果1、獲取當(dāng)?shù)貢r(shí)間獲取三個(gè)指針的對(duì)象（樣式不贅述）var h = document.getElementById("h"); var m = document.getElementById("m"); var s = d

做一個(gè)機(jī)械鐘表，鐘表背景，做一個(gè)三指針偏轉(zhuǎn)的動(dòng)畫(huà)效果

1、獲取當(dāng)?shù)貢r(shí)間

獲取三個(gè)指針的對(duì)象（樣式不贅述）

var h = document.getElementById("h");
var m = document.getElementById("m");
var s = document.getElementById("s");

獲取當(dāng)?shù)貢r(shí)間

function setTime(){
var date = new Date();

1）

//思路：設(shè)置秒針旋轉(zhuǎn)角度;60 = 360deg; 1 = 6deg;
var seceonds = date.getSeconds();//獲取當(dāng)前秒數(shù)
s.style.transform=" rotate("+6*senconds+"deg)";
//(style中的樣式transform =rotate(x deg))旋轉(zhuǎn)多少度；
// 60分鐘 = 360deg 1分鐘=6deg;
var minutes = date.getMinutes();
m.style.transform = "rotate(" + 6 * minutes + "deg)";
//設(shè)置時(shí)針
//12小時(shí) = 360deg 1小時(shí)=30deg
var hours = date.getHours();
h.style.transform = "rotate(" + 30 * hours + "deg)";
}
setTime();函數(shù)調(diào)用執(zhí)行
setInterval(setTime,1000);

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

如何用js獲取當(dāng)?shù)貢r(shí)間做當(dāng)?shù)刂羔?/h4>

如何用js獲取當(dāng)?shù)貢r(shí)間做當(dāng)?shù)刂羔?做一個(gè)機(jī)械鐘表，鐘表背景，做一個(gè)三指針偏轉(zhuǎn)的動(dòng)畫(huà)效果1、獲取當(dāng)?shù)貢r(shí)間獲取三個(gè)指針的對(duì)象（樣式不贅述）var h = document.getElementById("h"); var m = document.getElementById("m"); var s = d

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

標(biāo)簽： 時(shí)間 獲取 js

• 熱門(mén)焦點(diǎn)