Question

我正在设置一个弹出窗口，我想在每个星期五在网站上显示该弹出窗口，并在下一个星期五至24小时后将其隐藏。有想法吗？

这是我的代码和小提琴：

var elem = document.querySelector('.elem');
  
var current = new Date();
var expiry = new Date("April 26, 2019 08:00:00");

if ( current.getTime() >= expiry.getTime() ) 
{
  elem.style.display = "none";
}

<div class="elem">
  <h1>Lorem ipsum</h1>
</div>

Answer 1

您可以使用功能getDay()检查工作日
0代表星期日，1代表星期一... 5代表星期五

var elem = document.querySelector('.elem');

var current = new Date();
var currentDay = current.getDay()

if (currentDay != 5 ) {
  elem.style.display = "none";
}

<div class="elem">
  <h1>Lorem ipsum</h1>
</div>

Answer 2

您需要经常使用setInterval进行检查：

setInterval(checkTime, 60000);

function checkTime() {
  var elem = document.querySelector('.elem');

  var current = new Date();

  if ( current.getDay() != 5 && elem.style.display == "block" ) 
  {
    elem.style.display = "none";
  }
  else if ( current.getDay() == 5 && elem.style.display == "none" )
  {
    elem.style.display = "block";
  }
}

第二个参数是每次检查之间的毫秒数。我使用了60000，这是一分钟。这是一些常见的时间：

Minutes | Milliseconds
--------|-------------
1:00    | 60000
2:00    | 120000
5:00    | 300000
10:00   | 600000

在每个星期五显示弹出窗口，并在24小时后将其隐藏

2 个答案: