javascript - 模拟时钟的 setInterval()

Question

我是 JavaScript 的新手，在使用 etInterval() 时遇到了问题。

我正在创建一个模拟时钟作为练习。我有一个函数 setTime()，它通过相应地旋转箭头来获取和显示时间。

我想一次又一次地执行这个功能。

这是我的代码:

    $(document).ready(function(){

        function setTime(){
            var d = new Date();
            var hour = d.getHours();
            var minute = d.getMinutes();
            var hourRotation = hour * 30 + (minute / 2);
            var minuteRotation = minute * 6;
            $("#small").css({
                "-webkit-transform": "rotate(" + hourRotation + "deg)",
                "-moz-transform": "rotate(" + hourRotation + "deg)",
                "-o-transform": "rotate(" + hourRotation + "deg)"
            });
            $("#big").css({
                "-webkit-transform": "rotate(" + minuteRotation + "deg)",
                "-moz-transform": "rotate(" + minuteRotation + "deg)",
                "-o-transform": "rotate(" + minuteRotation + "deg)"
            });
        };
        function clockStart(){
            setInterval(setTime(),1000);
            setTime();
        }
        clockStart();
    });

我想了解这个方法以及如何使用它。我能找到的例子看起来很明显，但我仍然无法让它发挥作用。

Answer 1

您正在 setInterval() 中进行函数调用。

你想要做的是:

setInterval(setTime,1000);