个人中心
gpt4 book ai didi

javascript - 如何清除 JavaScript 中函数的超时？

转载 作者：行者123 更新时间：2023-11-30 19:58:55 25 4
gpt4 key购买 nike

我有一个功能，每次单击按钮时都会不断重置，但是，当某个图片出现在屏幕上时，我试图清除该计时器。程序中发生了更多事情，但这是我遇到的一般问题。这是我目前所拥有的:

JavaScript:

function reset() {
  var f = document.getElementById("ff").onclick;
  var ft = setTimeout(function(){ dontf() }, 3000);
  f = ft;
}

function dontf() {
  document.getElementById("r").src="H.jpg";
}

function s() {
  if (document.getElementById("r").src == "file:///C:/Users/S.jpg") {
    clearTimeout(ft);
  }
}

HTML

<button onclick="reset(); s();" id="ff">Fd</button>

最佳答案

你可以看看这个队友

您需要做的就是在 dontf 和 s 函数都可以访问的范围内定义 var ft

let timer;        
function reset() {
  const element = document.getElementById("resetButton");
  timer = setTimeout(function(){ addImageFunc() }, 3000);
}

function addImageFunc() {
console.log(timer); document.getElementById("addImage").src="https://images.pexels.com/photos/248797/pexels-photo-248797.jpeg?auto=compress&cs=tinysrgb&h=350";
}

function stopReset() {
  if (document.getElementById("addImage").src == "https://images.pexels.com/photos/248797/pexels-photo-248797.jpeg?auto=compress&cs=tinysrgb&h=350") {
    clearTimeout(timer);
  }
}
<html>
<body>
  <button onclick="reset(); stopReset();" id="resetButton">Fd</button>
  <img id='addImage'>
</body>
</html>

Suggestions

  • 对变量和函数使用适当的命名约定，这将使您的代码更具可读性和易于调试。
  • 不要使用变量。使用 let 或 const。
  • 尽量避免使用全局范围变量，除非别无选择。

关于javascript - 如何清除 JavaScript 中函数的超时？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/53618941/

25 4 0
文章推荐： javascript - 使用 props.change 更改 redux-form 中输入字段的值
文章推荐： c# - 从 MVC 4 中的 ViewModel 创建下拉列表
文章推荐： c# - 检测 PropertyChangedEventHandler 何时更改
文章推荐： javascript - 如何自动生成动态moment.js？
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com