时钟案例

function changeTime() {
        //获取事件,创建日期对象
        var date = new Date();
        console.log(date);

        //获取时分秒
        // var ms =date.getMilliseconds();
        var sec = date.getSeconds(); //+ ms / 1000;
        var min = date.getMinutes();
        console.log (sec, min);

        var hr = date.getHours()+ min/60;
        console.log(hr);

        //动画
        second.style.transform = 'rotate(' + 6 * sec +'deg)';
        minute.style.transform ='rotate(' + 6 * min +'deg)';
        hour.style.transform = 'rotate(' + 30 * hr +'deg)';

    }
    changeTime();

    var time = setInterval(changeTime,1000);
    console.log(time);
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容