CSS3实现指针时钟走动特效

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 条评论