javascript - 如何在 x 秒后停止运行 Javascript 函数?

标签 javascript php jquery html css

<分区>

我的网站上有一个特定的甜蜜警报,我将其用于通过 onclick 打开的 div 类,但我希望此 onclick 警报在 60 秒后停止。所以在 60 秒后,如果我单击 div,警报将不会出现。这就是我到目前为止得到的结果

<script type="text/javascript">
function JSalert(){
    swal("Error", "You have to watch the video first.", "error");
}
</script>


<div class="blocked" onclick="JSalert()">

最佳答案

据我了解问题(并基于警报中的翻译文本):

  • 如果用户点击 div 则发出警告
  • 60 秒后(网络时间的永恒(此处为 5 秒用于测试))然后在他们点击时不显示警报

(来自 OP:“60 秒后,如果我单击 div,则不会显示警报”,或者换句话说,“如果我在 60 秒后单击 div,警报将不会显示”)

var showalert = true;
setTimeout(function() { showalert = false; }, 5000);  /* 5s for testing */

function JSalert(){
  if (showalert) {
    alert("Please don't click too soon");
  }
}
<div class="blocked" onclick="JSalert()">click me, but not too soon</div>

这可以使用 data- attributes/jquery .data() 进行改进,但概念是相同的。

关于javascript - 如何在 x 秒后停止运行 Javascript 函数?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51766246/

上一篇:html - 如何在我的内容上方显示标题元素?

下一篇:CSS 动画在执行期间重置

相关文章:

javascript - 错误 :com. 重复条目 : com/google/android/gms/internal/zzfj. 类

php - 在 Woocommerce 存档页面中按原始正确设置元素数

php - ajax 和 PHP 错误 "Undefined index"

javascript - 如何使用 Knockout JS 应用绑定(bind)并保留输入值?

javascript - Razor block 内的 javascript 函数

PHP。删除部分数组

jquery - 让 div 像复选框一样工作

javascript - 与backbonejs路由器有问题

javascript - $.getJSON 在 for 循环中没有 let 语句以实现浏览器兼容性

php - 如何创建一个 Facebook 风格的 "Like"系统?