機械時計、時計の背景を作成し、3本の針がたわむアニメーション効果を作成します
1. 現地時間を取得します
3本の針のオブジェクトを取得します(スタイルは詳しく説明しません)
var h = document.getElementById("h"); var m = document.getElementById("m"); var s = document.getElementById("s");
現地時間を取得
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);
以上がjsを使用してローカル時間をローカルポインタとして取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。