javascript - 编程定时器-6ren

javascript - 编程定时器

转载作者：行者123 更新时间：2023-12-02 15:42:31

26

4

所以，我想创建一个计时器，这是我到目前为止的代码。

<!DOCTYPE html>

<html>

<head>

  <title>WIP</title>
  <meta charset="UFT-8">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

  <script>
    function timerCreate(minutes, seconds) {
      var i = 0;
      var f = 0;
      $("#timerText").text((minutes - f) + ":" + (seconds - i));
      i++;
      do {
        interval = setInterval(function() {
          $("#timerText").text((minutes - f) + ":" + (seconds - i));
          i++;
          if (i >= seconds) {
            clearInterval(interval);
            setTimeout(function() {
              $("#timerText").text((minutes - f) + ":" + "0");
            }, 1000);
            if (minutes > 0) {
              f++;
            }
          }
        }, 1000);
      } while (!(f = minutes));
    }
  </script>

</head>

<body onload='timerCreate(5, 4)'>

  <div id="timerText">Timer</div>

</body>

</html>

请运行代码看看它做了什么。我不明白它为什么这样做。有人可以帮忙吗？另外，虽然我觉得我最终会得到它，但在我看来，这段代码似乎到处都是。如果您同意，如果您能将我链接到一些计时器代码，我将非常感激。不管怎样，如果你能向我解释我做错了什么，我真的很高兴。

非常感谢所有回答的人。 :-)

最佳答案

这显然是递归函数的工作。首先你需要timerCreate(5, 4)。
接下来会发生什么，1 秒后您可以调用timerCreate(5, 3)。
所以很明显让函数调用自身(=递归函数)，每次少 1 秒。

注意模运算符 % 与/运算符。% 的作用是告诉您除法后还剩下什么。

示例:

91 / 60 = 1 + 31/60
Math.floor(91/60) = 1;
91%60 = 31;

所以划分和地板给你几分钟；取模为您提供秒数。

这是我刚刚根据我对这个问题的第一直觉写的东西(没有查看其他计时器；显然网上有很多计时器)。

<input id="m" placeholder="minutes" value="1">
<input id="s" placeholder="seconds" value="17">
<input type="button" value="Start" onclick="startTimer()">
<input type="button" value="Stop" onclick="stopTimer()">
<hr>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
var timer;
function displayTimer(m, s) {
  $('#m').val(m);
  $('#s').val(s);
}

function stopTimer() {
  clearTimeout(timer);
}

function startTimer() {
  var m = Number($('#m').val());
  var s = Number($('#s').val());
  timerClick(m, s);
}

function finishTimer() {
  alert('finished!');
}

function timerClick(m, s) {
  // convert into seconds
  var seconds = 60*m + s;
  // display timer, unless the timer has been set off
  if(timer) {
    displayTimer(m, s);
  }
  if (m == 0 && s == 0) {
    finishTimer();
    return true;
  } 
  // remove one second
  seconds--;
  // call this function again
  timer = setTimeout(function() {
      timerClick(Math.floor(seconds / 60), seconds % 60);
    },
    1000
  );
}
</script>

关于javascript - 编程定时器，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32459435/

26

4

0

文章推荐： javascript - Jquery 删除 NextAll 不适用于选择

文章推荐： .net - .NET 中是否有与 DCOM 相对应的可行方案？

文章推荐： .net - 捕获任何派生的 TDetail 异常的FaultException？

文章推荐： javascript - HTML5下载属性设置文件名仅右键单击+另存为

javascript - jquery 定时器 vs javascript 定时器？
哪种定时器在性能方面更适合使用？ Jquery 计时器或 Javascript 计时器。具有计时器的页面没有任何 Jquery 代码。谢谢最佳答案在仅使用计时器的页面上引用完整的 JQuery
R语言——定时器
R 语言有没有简单的方法来设置定时器功能？计时器函数是指位于 session 后台并每隔一段时间执行一次的函数。干杯! 最佳答案 tcltk2 包中有 tclTaskSchedule 函数(和其
JavaScript 定时器
我想在点击发生后调用 setTimeout()。如果用户在 300ms 过去之前再次点击，我想停止那个计时器，触发另一个函数并重新启动原来的计时器。我知道 setTimeout() 但我不确定如何
Javascript + 定时器
请参阅下面的代码...它会在页面加载 + 8 秒后更改图像，然后继续每 1 秒更改一次。 setInterval(function(){ setTimeout(function(){
Java 定时器
我正在尝试使用计时器来安排应用程序中的重复事件。但是，我希望能够实时调整事件触发的时间段(根据用户输入)。例如: public class HelperTimer extends TimerTask
浅析javascript 定时器
setTimeout()--用于指定在一段特定的时间后执行某段程序。格式: [定时
Nodejs极简入门教程（二）：定时器
setTimeout 和 clearTimeout 复制代码代码如下: var obj = setTimeout(cb, ms); setTim
java.util.定时器
if(e.getSource()==continuous) { TimerTask task = new TimerTask() { public void run()
iphone - 倒数计数器/定时器
请谁能告诉我如何在 iPhone 的 cocos2d 中实现启动游戏的倒计时器。我的意思是，按下“播放”时，一个新场景会出现，显示数字“3”、“2”、“1”，然后显示“GO!”一词。最佳答案来自
python - 如何在不换行的情况下打印新值？ (定时器)
我正在制作一个计时器，而且效果很好。唯一的问题是，每过一秒，它就会在新行中打印剩余的时间(以秒为单位)。我该如何做到这一点，而不是打印一个新行，而只是改变当前行中显示的内容？这就是我所拥有的...
lua - 添加延迟/定时器
这个问题在这里已经有了答案: Lua Program Delay (2 个答案) 关闭 7 年前。我目前使用 Corona SDK，Lua 作为我的主要语言。我在使用此代码时遇到问题 - 当我运行
python - 如何在不换行的情况下打印新值？ (定时器)
我正在制作一个计时器，而且效果很好。唯一的问题是，每过一秒，它就会在新行中打印剩余的时间(以秒为单位)。我该如何做到这一点，而不是打印一个新行，而只是改变当前行中显示的内容？这就是我所拥有的...
java - java中的延迟/定时器
到目前为止，我使用的每种方法都只是暂时卡住我的程序，但我希望游戏继续运行，我只希望盾牌 boolean 值在 X 时间内为 true，然后在时间到期后返回 false，有吗有办法做到这一点吗？谢谢。
java - 定时器:取消正在运行的任务
我需要创建一个异步线程，它运行一次，延迟 2 分钟，并且可以随时终止。我看到了几种可能的解决方案: ScheduledExecutorService 和 FutureTask 允许我中断正在运行的任务
带线程的 Java 定时器
我开发了一个简单的应用程序并使用了计时器，但如果我多次运行计时器，计时器会丢弃此异常:线程“AWT-EventQueue-0”java.lang.IllegalStateException 中的异常:
具有超时功能的 Java 定时器
我正在实现一个计时器: timer = new Timer(); timer.schedule(new TimerTask() { @Overr
ios updateDisplay 定时器
我有一个有点复杂的 iOS 用户界面，我需要每秒重新加载 UICollectionView 的特定单元格以显示时间(有点像复杂的秒表)，我还需要每秒做一些其他事情在这次通话中。问题的第 1 部分我
游戏的 C++ 定时器
我一直在研究可用于 QueryPerformanceCounter()/QueryPerformanceFrequency() 的不同类型的计时器，在进一步研究之后，我发现了一个使用计时器类的例子..
C++ 定时器(以微秒为单位)
我正在尝试以微秒为单位做一个计时器，但它不太管用。 #include #include #include using namespace std; int main () { struc
具有多个超时时间的 Java 定时器
假设我有一个整数数组 int timeouts [] = {1000 , 2000 , 3000 , 3500}; 我想创建一个计时器，最多计时 3.5 秒，并在毫秒计数等于数组元素之一时调用相同的函

首页

博学

6Ren·AI

商城

javascript - 编程定时器