CSS3实现指针时钟走动特效
下载次数:1
文件大小:2.71KB
所需积分:0
QQ联系购买积分:3331653644(1元=10积分)
var miao = document.getElementById("miao");
var fen = document.getElementById("fen");
var shi = document.getElementById("shi");
var clock = setInterval(function () {
var nowDate = new Date();//每次读取当前时间
var hour = nowDate.getHours();
var minute = nowDate.getMinutes();
var second = nowDate.getSeconds();
var circleHour = hour % 12 * 30;
shi.style.transform = "rotate(" + circleHour + "deg)";//读取到的时间为24小时制,转换为12小时
fen.style.transform = "rotate(" + minute * 6 + "deg)";
miao.style.transform = "rotate(" + second * 6 + "deg)";
}, 1000);
适用浏览器:360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。
0 条评论