如何使用javascript在一定时间后将css显示从可见更改为不可见

我想将DOM对象css显示属性设置为“block”2秒钟，然后在2秒钟后将其设置回“none”。如何在javascript中实现这一点？我对这个很陌生，所以暂时不要真正了解jquery

我试过了

document.querySelector(".one-rolled-popup").style.display = "block";

然后设置为

document.querySelector(".one-rolled-popup").style.display = "none";

---

在一些其他操作之后，但这只是完全隐藏它

使用

setTimeout

。它将在X毫秒后执行一个方法。在这种情况下，您将显示该块，然后在2秒后将其设置回无显示

method () {
  // display it
  document.querySelector(".one-rolled-popup").style.display = "block";

  // hide it after 2 seconds
  setTimeout(() => {
      document.querySelector(".one-rolled-popup").style.display = "none",
  2000);
}

---

使用

setTimeout

。它将在X毫秒后执行一个方法。在这种情况下，您将显示该块，然后在2秒后将其设置回无显示

method () {
  // display it
  document.querySelector(".one-rolled-popup").style.display = "block";

  // hide it after 2 seconds
  setTimeout(() => {
      document.querySelector(".one-rolled-popup").style.display = "none",
  2000);
}

---

您可以使用

setTimeout

执行以下操作。我假设默认情况下div是可见的，因此我不必显示它

setTimeout(
函数（）{
document.querySelector（“.one rolled popup”）.style.display=“无”；
}, 2000);
测试
您可以使用
设置超时
执行以下操作。我假设默认情况下div是可见的，因此我不必显示它


setTimeout(
函数（）{
document.querySelector（“.one rolled popup”）.style.display=“无”；
}, 2000);
测试
尝试此功能

   setTimeout(function(){ 
   if (document.querySelector(".one-rolled-popup").style.display == "block";) {
      document.querySelector(".one-rolled-popup").style.display= "none";
   } else {
      document.querySelector(".one-rolled-popup").style.display= "none";
   }

  }, 3000);

试试这个功能

   setTimeout(function(){ 
   if (document.querySelector(".one-rolled-popup").style.display == "block";) {
      document.querySelector(".one-rolled-popup").style.display= "none";
   } else {
      document.querySelector(".one-rolled-popup").style.display= "none";
   }

  }, 3000);

（）=>{//code}是JavaScript ES6规范中引入的函数（）{//code}的缩写。它用于解决一个经典问题，因此属于“this”范围。但既然这不重要，你可以用这两种方法中的任何一种@PumpkinBreath@PumpkinBreath多检查appreciated@PumpkinBreath很高兴提供帮助：）（）=>{//code}是JavaScript ES6规范中引入的函数（）{//code}的缩写。它用于解决一个经典问题，因此属于“this”范围。但既然这不重要，你可以用这两种方法中的任何一种@PumpkinBreath@PumpkinBreath多检查appreciated@PumpkinBreath很乐意帮忙：）