Heim > Web-Frontend > js-Tutorial > Hauptteil

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

一个新手
Freigeben: 2017-09-23 09:50:21
Original
1885 Leute haben es durchsucht

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");
Nach dem Login kopieren

Ortszeit abrufen

function setTime(){
var date = new Date();
Nach dem Login kopieren

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);
Nach dem Login kopieren


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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage