setInterval() 用于模拟时钟
我对 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();
});
我想了解这个方法以及如何使用它。我能找到的例子看起来很明显，但我仍然无法让它发挥作用。
I'm quite new to JavaScript and I have trouble working with etInterval().
I'm creating an analogue clock as an exercise. I have a function setTime() that gets and displays the time by rotating the arrows accordingly.
I want to execute this function again and again.
Here is my code :
$(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();
});
I'd like to understand this method and how to use it. The examples I could find looked so obvious, but still I can't make it work.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
您正在
setInterval()中进行函数调用。你想做的是：
You are making a function call in
setInterval().What you want to do is :
当您调用
setInterval函数时，您不会将函数引用作为参数传递，而是传递返回值。所以你应该使用：
或
when you call you
setIntervalfunction, you don't pass the function reference as a parameter, but it's return value.So you should use:
or
setInterval(setTime(),1000);行中的函数setTime()在调用setInterval()函数之前进行评估，setTime()的求值结果作为参数传递给setInterval()函数，而不是作为参数传递给函数 istelf。您需要做的是将函数调用（“
setTime()”）替换为函数名称（“setTime”），如下所示：setInterval(setTime, 1000);The function
setTime()in the linesetInterval(setTime(),1000);is getting evaluated before thesetInterval()function is called, and the results of the evaluation ofsetTime()are passed to thesetInterval()function as an argument, rather than the function istelf being passed as an argument.What you need to do is replace the function call ("
setTime()") with this name of the function ("setTime") like this:setInterval(setTime, 1000);