So verwenden Sie js, um die Ortszeit als lokalen Zeiger abzurufen

Erstellen Sie eine mechanische Uhr, einen Uhrenhintergrund und erstellen Sie einen Animationseffekt mit drei Zeigern

1 Holen Sie sich die Ortszeit

Holen Sie sich die drei Hände Objekt (Stil ganz zu schweigen)

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

Ortszeit abrufen

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

1)

//思路：设置秒针旋转角度;60 = 360deg; 1 = 6deg;
var seceonds = date.getSeconds();//获取当前秒数
s.style.transform=" rotate("+6*senconds+"deg)";
//(style中的样式transform =rotate(x deg))旋转多少度；
// 60分钟 = 360deg 1分钟=6deg;
var minutes = date.getMinutes();
m.style.transform = "rotate(" + 6 * minutes + "deg)";
//设置时针
//12小时 = 360deg 1小时=30deg
var hours = date.getHours();
h.style.transform = "rotate(" + 30 * hours + "deg)";
}
setTime();函数调用执行
setInterval(setTime,1000);

Das obige ist der detaillierte Inhalt vonSo verwenden Sie js, um die Ortszeit als lokalen Zeiger abzurufen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!