javascript - 使弹出窗口按照当前日期显示

Question

我有一个website热衷于当前日期。我有一个电子邮件订阅弹出窗口，我想按照当前日期显示它。

var $box2 = $('.box2');

$('.closei2').each(function() {
  var color = $(this).css('backgroundColor');
  var content = $(this).html();
  $(this).click(function() {
    $box2.css('backgroundColor', color);
    $box2.addClass('open');
    $box2.find('p').html(content);
  });

  $('.close').click(function() {
    $box2.removeClass('open');
    $box2.css('backgroundColor', 'transparent');

  });

  $('body').toggleClass('overlay2');
  $("#pop-toggle").click(function() {
    $(".popup0").toggle();
    $('body').toggleClass('overlay2');
  })
  $(".close").click(function() {
    $(".popup0").toggle();
    $('body').toggleClass('overlay2');
  });

});

<div class="popScroll">
  <div class="popup0">
    <h1>Subscribe for more</h1>
    <div class="subscribe-widget">
      <form id="subscribe-form" action="subscribe.php" method="post">
        <input type="email" name="cf_email" placeholder="Your Email Please" class="email-form" required>
        <button type="submit" class="button">Subscribe</button>
      </form>
    </div>
    <p>Leave us your email for event updates & more</p>
    <div id="option">
      <a href="#" id="home" class="boxi2">Home</a> 
      <em>or</em>
      <a href="#" id="close" class="boxi2 closei2 close">Close</a>
    </div>
  </div>
</div>

我的日期选择器，

//friday code
var d = new Date();
var s = d.getDay();
if (s == 4) {
  //execute popup;
}

我尝试过将两者结合起来，但没有成功。我哪里错了？谢谢。

Answer 1

我稍微简化了你的 JavaScript，并保留了你的 HTML 以供引用，看看这个:https://jsfiddle.net/zzu22njs/

Javascript:

var $popup = $('.popScroll')

$popup
  .find('a.close')
  .on('click', function(e) {
    e.preventDefault();
    $popup.hide();
  });

var now = new Date();

// Open on Fridays
if (now.getDay() === 5) {    
  $popup.show();
}

CSS:

.popScroll {
  display: none;
}

HTML:与之前相同

希望这能为您提供一些可以借鉴的东西。我只链接了关闭链接。