随日期变化的文本答案

【问题标题】：Text that changes with the date随日期变化的文本
【发布时间】：2017-11-10 04:02:24
【问题描述】：

我一直在寻找一段时间，需要帮助弄清楚如何根据日期更改文本。我正在旅行，人们想知道我什么时候在哪里，所以我打算在我的网站上发布“我现在在哪里”部分。

例如，在接下来的几周内，今天我需要说多米尼加共和国、明天海地等。

这是我到目前为止所拥有的，但我不知道我是否做得对。完全没有这方面的经验！

<html>
<head>
<p>
Where am I now?
</p>

<div id="first">Dominican Republic</div>
<div id="second">Haiti</div>
<div id="third">Jamaica</div>

<style>
#first,#second,#third {
    display:none;
}
</style>

<script type="text/javascript">
var date=new Date();
var year=date.getFullYear();
var month=date.getMonth();
var day=date.getDate(); // fixed

function SetDivContent() {

    if (year==2017 && month==6) { 
        if (day==8) { 
            $("#first").css("display","block");
        }
        else if (day==9) { 
            $("#second").css("display","block");
        }
        else if (day==10) { 
            $("#third").css("display","block");
        }
    }
</script>
</head>
</html>

感谢您的帮助！

【问题讨论】：

类似这样的：coderwall.com/p/ouofjg/getting-current-location-with-javascript ?
@AthMav 更新添加，对此感到抱歉！
你为什么不只拥有一个<div> 并为其设置适当的文本？此外，您真的确定浏览您网站的人只会在 2017 年 6 月 8 日、9 日和 10 日这样做吗？其他日期呢？

标签： javascript html date text

【解决方案1】：

getMonth() 是从 0 开始的，你需要加 +1 来获取当前月份；

var date=new Date();
var year=date.getFullYear();
var month=date.getMonth() + 1;
var day=date.getDate(); // fixed
(function SetDivContent() {

    if (year == 2017 && month == 6) { 
        if (day == 8) {
            $("#first").css("display","block");
        }
        else if (day==9) { 
            $("#second").css("display","block");
        }
        else if (day==10) { 
            $("#third").css("display","block");
        }
    }
})();

#first,#second,#third {
    display:none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>
Where am I now?
</p>

<div id="first">Dominican Republic</div>
<div id="second">Haiti</div>
<div id="third">Jamaica</div>

【讨论】：