JS简单的指针时钟动态效果

最新推荐文章于 2019-08-20 01:14:48 发布

x_44683600

最新推荐文章于 2019-08-20 01:14:48 发布

阅读量1k

点赞数

分类专栏： JavaScript 文章标签： JS 指针时钟

本文链接：https://blog.csdn.net/weixin_44683600/article/details/89601074

版权

简单的指针时钟动态效果

在这里插入图片描述


<!DOCTYPE html>
<html>
<head>
<title>指针时钟</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">  
<meta name="generator" content="editplus">
<meta name="liyuncheng" content="email:yunchengli@sina.com">
<SCRIPT language=javascript>
<!--//请在IE8/IE10下使用
pX=200;						//时钟中心的x坐标
pY=200;						//时钟中心的Y坐标
obs = new Array(13)				//表示时针，分针，秒针各点的层

function ob(){				//将各层以数组表示
for (i=0; i<13; i++) {
	if (document.all)
	obs[i]=new Array (eval('ob'+i).style,-100,-100)	 //如果是IE则以各指针层的style为元素创建数组
	else
	obs[i] = new Array (eval('document.ob'+i),-100,-100)	//如果是NS则直接将层作为元素创建obs指针点数组
	//注意obj数组的每一个元素本身也是一个数组，第一个元素是准备被操作的对象，后两个数字用于存储y,x坐标
	}
}

function cl(a,b,c){					//这个函数用于排列表示12个时间的数字
	if (document.all) {				//如果是IE
		if (a!=0) b+=-1				//根据IE的显示特性修正x坐标
		eval('c'+a+'.style.pixelTop='+(pY+(c)))	//改变指定元素(以c加数字为ID的层)的y坐标
		eval('c'+a+'.style.pixelLeft='+(pX+(b)))//改变x左标,这两行用于排列1到12点的数字
		}
else{							//如果不是IE
	if (a!=0) b+=10					//根据NS的显示特性修正x坐标
	eval('document.c'+a+'.top='+(pY+(c)))		//以NS兼容方式改变数字的y坐标
	eval('document.c'+a+'.left='+(pX+(b)))		//以NS兼容方式改变数字的x坐标
}
if (document.all) c0.style.pixelLeft=26				
}

functio

最低0.47元/天解锁文章

x_44683600

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JS简单的指针时钟动态效果

简单的指针时钟动态效果<!DOCTYPE html><html><head><title>指针时钟</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <meta name="generator" con...
复制链接

扫一扫