最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
JS实现时钟效果非常不错
时间:2016-07-29 编辑:简简单单 来源:一聚教程网
代码实现
HTML
代码如下 | 复制代码 |
9 10 11 12 1 2 3 4 5 6 7 8 |
CSS
代码如下 | 复制代码 |
*{ |
这里要注意的是number里面div的宽度给够,要不然后面用JS布局会出现问题。
JavaScript
代码如下 | 复制代码 |
var oNumber=document.getElementById("number"); var nowTime=new Date(); |
这里主要代码就两段,一段是布局用的,让数字旋转到相应的位置并调整方向:
代码如下 | 复制代码 |
for(var i=0;i |
另一段是计算指针的角度,其中最重要的是在不满一小时或不满一分钟时,时针或分针应该转多少度:
代码如下 | 复制代码 |
var houreDeg=(nowMinute/60)*30; var minuteDeg=(nowSecond/60)*6; |
It's done.是不是很简单.....
-
下一个: HTML5的工作学习笔记
相关文章
- js实现音乐播放器代码展示 10-12
- js实现图片查看器代码展示 10-12
- JS中switch的四种写法介绍 10-12
- js实现新闻轮播效果教程 10-11
- JS实现简单的图片切换功能教程 10-11
- js实现下拉刷新和上拉加载解析 09-28