日期:2014-05-16  浏览次数:20361 次

js 时钟
我写了一个时钟。我把时钟显示在text中,因此在页面上显示的时候,就会出现一个文本框,个人觉得这样不是很美观,但是不知道如何修改,怎样才能直接在背景图片山显示。

------解决方案--------------------
div span 等元素都可以显示,设置背景图片就行了。
------解决方案--------------------
探讨

div span 等元素都可以显示,设置背景图片就行了。

------解决方案--------------------
楼上的方法可行 建议楼主多看看CSS 这样做的东西美观上会好很多
------解决方案--------------------
你按照如下方法:
1、设置一个背景图片,这个背景图片是一个钟表指针,标有12小时;
2、找到三个钟表指针,如果找不到自己去PS;
3、添加算法设计,javascript有一个setTimeOut函数,如果要肉眼无法区分的话可以在200ms每次调用一次
a、秒指针一秒钟转动0.5度,根据你的钟表的大小,计算一下这个弧长,然后用弧长作为路程,可以利用HTML5的旋转功能,当然如果你使用jquery旋转动态效果也是OK的;
b、分钟指针计算的是60秒转动0.5度,也要把每秒需要转动的距离计算出来就ok啦;
c、最后就是一个初始化每个指针的位置就行啦