如何在不刷新页面的情况下重复此代码?setInterval吗?其他

How do I get this code to repeat without refreshing page? setInterval? Other?

本文关键字:代码 setInterval 其他 情况下 刷新      更新时间:2023-09-26

你好,我已经写了一点Javascript,我需要得到每秒运行。它实际上是太阳的Flash设计,应该随着太阳的实际位置而变化。

    this.addEventListener("tick",fl_RotateContinuously.bind(this));
    var currentdate = new Date();
    function fl_RotateContinuously(){
    this.sky1.rotation=(currentdate.getHours()*15-90)+(currentdate.getMinutes()*3/12)+(currentdate.getSeconds()*3/720);
  } 

上面的代码工作并显示太阳在正确的位置。但是,我需要代码每秒运行一次,否则用户需要刷新HTML页面才能看到太阳的新位置。我试过使用setInterval()代码来让函数每秒运行一次,但是我不能正确地写它,因为它不起作用。也许这根本不是正确的做法……谁能告诉我每秒重复这个函数的正确方法?

你介意展示一下你的setInterval方法吗?

实现它的一种方法是:

window.setInterval(function() { fl_RotateContinuously(); }, 1000); //1000 (ms) = 1s

setInterval函数的使用方法为

setInterval(functionName, 1000)

第一个参数是没有调用它的函数名,第二个参数是您希望它等待再次调用函数的毫秒时间。

https://jsfiddle.net/rhbritton/01t8yq2h/