CSS3+js 简易时钟
来源:互联网 发布:centos samba 配置 编辑:程序博客网 时间:2024/05/20 16:32
<div class="clock">
<div id="hour" class="common"></div>
<div id="minute" class="common"></div>
<div id="second" class="common"></div>
</div>
<script>
var hour=document.getElementById('hour');
var minute=document.getElementById('minute');
var second=document.getElementById('second');
function clock(){
var date =new Date();
var currents=date.getMilliseconds();
var s=date.getSeconds()+currents/1000;
var m=date.getMinutes()+s/60;
var h=date.getHours()%12+m/60;
//注意webkit
second.style.WebkitTransform = "rotate("+s*6+"deg)";
minute.style.WebkitTransform = "rotate("+m*6+"deg)";
hour.style.WebkitTransform = "rotate("+h*30+"deg)";
}
setInterval(clock,100);
</script>
<div id="hour" class="common"></div>
<div id="minute" class="common"></div>
<div id="second" class="common"></div>
</div>
<script>
var hour=document.getElementById('hour');
var minute=document.getElementById('minute');
var second=document.getElementById('second');
function clock(){
var date =new Date();
var currents=date.getMilliseconds();
var s=date.getSeconds()+currents/1000;
var m=date.getMinutes()+s/60;
var h=date.getHours()%12+m/60;
//注意webkit
second.style.WebkitTransform = "rotate("+s*6+"deg)";
minute.style.WebkitTransform = "rotate("+m*6+"deg)";
hour.style.WebkitTransform = "rotate("+h*30+"deg)";
}
setInterval(clock,100);
</script>
阅读全文
0 0
- CSS3+js 简易时钟
- CSS3简易表盘时钟
- js 简易 时钟
- js 简易时钟
- JS的简易时钟
- Css3+Js 漂亮时钟
- js简易抽奖与时钟
- js之简易网页时钟
- JS实现简易刻度时钟
- css3+js 实现时钟效果
- js简易抽奖器和时钟
- js+css3实现动态时钟-------Day66
- css3+js+html实现模拟时钟
- 纯html、css3、js的时钟
- 炫酷时钟(css3+js)
- 简易时钟
- 简易时钟
- 简易时钟
- 键盘录入一个文件夹路径,统计该文件夹(包含子文件夹)中每种类型的文件及个数
- Shiro
- 在Windows下 python2.7安装scrapy
- c#进程操作-sendmessage全解
- 【SSLGZ 2674】2017年8月9日提高组T2 覆盖
- CSS3+js 简易时钟
- 阿里云ECS管理实操
- c#软件操作-cmd命令全解
- 数据结构—栈
- poj 2104 K-th Number(划分树)
- C语言判断回文
- (一)学习使用realsense相机
- 看见js随便写的一些
- 2017年8月11日训练日记