时间戳

首页 > 解决方案 > JavaScript/JQuery Div 延迟函数

javascript - JavaScript/JQuery Div 延迟函数

问题描述

我已经为网站创建了星级评分，并且需要在用户单击评分后关闭 div。我已经设法做到了，但需要在函数中添加延迟，以便用户单击它后需要 2/3 秒。

我已经在使用 jquery 显示的 div 中加入了延迟，如下所示，但这次需要添加到 javascript 函数中，我不知道从哪里开始。

function testFunction() {
  var x = document.getElementById("video-rating");
  if (x.style.display === "none") {
      x.style=display = "block";
  } else {
      x.style.display = "none";
  }
}

这是我的 JSP 文档中的 jquery。如果有一种方法可以将 jquery 添加到函数中，那就太好了，但我不确定。

<script>
    $('#video-rating').hide(0).delay(4000).show(0);
</script>

编辑我应该更清楚，我已将 testFunction 传递到实际星级评分中的 onclick 中，因此当它们被单击时，它当前正在运行该功能并关闭！

标签： javascriptjqueryhtmlcssjsp

解决方案

改成

function testFunction() {
  var x = document.getElementById("video-rating");
  if (x.style.display === "none") {
      x.style=display = "block";
  } else {
      setTimeout(function(){
          x.style.display = "none";
      },3000);
  }
}

推荐阅读