<script>
$(function(){
var clock = document.getElementById("clock");
function initNumXY(){
// 1、12个数字的位置设置
var radius = 25;//大圆半价
var dot_num = 360/$(".dot").length;//每个div对应的弧度数
//每一个dot对应的弧度;
var ahd = dot_num*Math.PI/180;
$(".dot").each(function(index, el) {
$(this).css({
"left":25+Math.sin((ahd*index))*radius,
"top":25+Math.cos((ahd*index))*radius
});
});
}
initNumXY();//调用上面的函数
//获取时钟id
var hour_line = document.getElementById("hour_line"),
minute_line = document.getElementById("minute_line"),
second_line = document.getElementById("second_line"),
hour_time = document.getElementById("hour_time"),// 获去时间id
minute_time = document.getElementById("minute_time"),
second_time = document.getElementById("second_time");
//3、设置动态时间
function setTime(){
var nowdate = new Date();
//获取年月日时分秒
var hours = nowdate.getHours(),
minutes = nowdate.getMinutes(),
seconds = nowdate.getSeconds(),
date = nowdate.getDate();
// 获取日期id
hour_time.innerHTML = hours >=10 ? hours+":" : "0"+hours+":";
minute_time.innerHTML = minutes >=10 ? minutes+":": "0"+minutes+":";
second_time.innerHTML = seconds >=10 ? seconds : "0"+seconds;
//时分秒针设置
var hour_rotate = (hours*30-90) + (Math.floor(minutes / 12) * 6);
hour_line.style.transform = 'rotate(' + hour_rotate + 'deg)';
minute_line.style.transform = 'rotate(' + (minutes*6 - 90) + 'deg)';
second_line.style.transform = 'rotate(' + (seconds*6 - 90)+'deg)';
}
// setTime();
setInterval(setTime, 1000);
});
</script>