如何根据日期更改内容？

Question

所以我需要尝试完成的是根据日期的接近程度输出特定的消息。任务是在日期超过3个月之后，从“续订不必要”的消息更改网页的元素，当日期少于3个月的时候更新“即将续订”，最后“需要续订！”当日期是1个月的时候。 到目前为止，我有：

if()
   {<hre>Renewal Required!</hre>}
else if()
   {<ha>Renewal upcoming</ha>}
else
   {<hg>Renewal Unnecessary</hg>}

我不确定如何编写我需要脚本执行的条件，例如续订月份或日期可能是2月26日，并且有一些方法可以使它在计算机日期之前工作。

Answer 1

Date.now以毫秒为单位返回currrent日期。只需检查

renewal_date - Date.now()

并将其与相应的毫秒数进行比较。

Answer 2

这是你可以做到的一种方式。您可以扩展它以考虑它的月份是哪一天。的 Live demo (click).

var deadline = new Date(2014, 1, 2); //2014, February 2nd (January is Month 0)
var today = new Date();

var monthDiff = deadline.getMonth() - today.getMonth();

if (monthDiff < 3) {
  console.log('Deadline is in 3 months or less!');
}

if (monthDiff <= 1) {
  console.log('Deadline is in 1 month or less!'); 
}

回答您的评论：有很多方法可以做到这一点 - 学习基础知识。以下是两个可能有用的示例。

var p = document.createElement('p);
p.textContent = 'My message here';
document.body.appendChild(p);

或者如果页面上已存在该元素：

var elem = document.getElementById('myElem');
elem.textContent = 'My message here';