时钟效果
来源:互联网 发布:淘宝什么面包好吃 编辑:程序博客网 时间:2024/06/09 23:03
<script>
window.onload=function(){
varhour=document.getElementById("hour");
varminute=document.getElementById("minute");
varsecond=document.getElementById("second");
vars=0,m=0,h=0,ms=0;
setInterval(fn,100);
functionfn(){
//获得时,分,秒;
vardate=newDate();
ms=date.getMilliseconds(); // 得到现在的毫秒;
s=date.getSeconds()+ms/1000; //现在的秒数+ms/1000是过去的秒数=10.3秒;
// console.log(s);
m=date.getMinutes()+s/60; //现在的分钟+秒数的小数=45.3分;
// console.log(m);
h=date.getHours()%12+m/60; //现在的小时(24小时制)% 12 得到12小时制+分钟的小数=1.2小时;
// console.log(h);
// 旋转效果;
// weblitTransform谷歌浏览器变化;mozlitTransform火狐浏览器变化;rotate旋转;deg度;
second.style.webkitTransform="rotate("+s*6+"deg)";
minute.style.webkitTransform="rotate("+m*6+"deg)";
hour.style.webkitTransform="rotate("+h*30+"deg)";
}
}
</script>
- 时钟效果
- 液晶时钟效果
- canvas实现时钟效果
- JS实现时钟效果
- 时钟动画效果
- 实现电子时钟效果
- 时钟效果demo
- canvas 制作时钟效果
- React实现时钟效果
- js-时钟效果
- TextView实现时钟效果
- asp.net 显示时钟效果
- jQuery+css3网页时钟效果
- android实现电子时钟效果
- Android 实现电子时钟效果
- canvas实现简易时钟效果
- canvas实现和时钟效果
- css3 + jquery模拟时钟效果
- NYOJ 21三个水杯 BFS
- layer的使用
- HDU 5653 Bomber Man wants to bomb an Array. dp
- 关系运算图(差分约束)
- Row size too large (> 8126)
- 时钟效果
- 单点登录原理与简单实现
- webService跨平台与跨语言应用技术
- 数据库的隔离级别
- c#语言—面向对象的基本概念
- jQuery 快速入门教程
- 多行文字溢出
- Java数据导出Excel文件
- java基础之注解(annotation)