随日期变化的文字

时间:2017-06-08 12:23:54

标签: javascript html date text

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

例如,今天我需要它说明多米尼加共和国,明天海地等未来几周。

这是我到目前为止所做的,但我不知道我是否正确行事。对此没有任何经验!

<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>

感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

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>