表盘制作

最新推荐文章于 2021-07-11 17:48:16 发布

colorset

最新推荐文章于 2021-07-11 17:48:16 发布

阅读量1.2k

点赞数 5

分类专栏： js

本文链接：https://blog.csdn.net/colorset/article/details/90030578

版权

js 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

</div>

<script type="text/javascript">
var box=document.getElementById('box');
var hour=document.getElementById('hour');
var min=document.getElementById('min');
var sec=document.getElementById('sec');
times()
setInterval(times,0)
function times(){
	var now=new Date();
	var hour1=now.getHours()
	// console.log(hour1)
	var min1=now.getMinutes()
	var sec1=now.getSeconds()
	setcss(sec,{'transform':'rotate('+sec1*6+'deg)','transform-origin':'center bottom'});
	setcss(min,{'transform':'rotate('+min1*6+'deg)','transform-origin':'center bottom'});
	setcss(hour,{'transform':'rotate('+(hour1*30+min1/2)+'deg)','transform-origin':'center bottom'});
}
drawscal(box)
function drawscal(obj){
for (var i = 0; i < 60; i++) {
	var drawscales=document.createElement('div');
	drawscales.style.cssText='width:2px;height:6px;background:#ffff00;position:absolute;top:0;left:99px;';
	if (i%5==0) {
		drawscales.style.cssText='width:2px;height:8px;background:#00ffff;position:absolute;top:0;left:99px;';
	}
	setcss(drawscales,{'transform':'rotate('+i*6+'deg)','transform-origin':'1px 100px'})
	obj.appendChild(drawscales)
}

}