是否可以根据日期进行文本循环?

时间:2014-04-03 04:08:19

标签: javascript html

我对编程世界很陌生,并且想知道是否可以执行以下操作:

1月1日 - 3月15日,div说“这是第一季度”

3月16日 - 6月30日,它说“这是第二季度”

7月1日 - 10月1日,它说“你已进入第三季度”

10月2日 - 12月31日,它说“这是最后一个季度”

这只是一个例子。我希望文本自动循环不同的字符串,而不是每隔“季度”手动更改它们。我希望能够设置文本更改的日期。

如果有可能(我认为是这样)会有人愿意给我写一个能做到这一点的代码(最好是一个可以写在与html / css其余部分相同的页面上的代码 - 如果可以的话不能做到对不起。就像我说我对这一切都很陌生而且我有点感到愚蠢......)?我非常感激!

1 个答案:

答案 0 :(得分:0)

这个JSFiddle完全说明了您在上面概述的内容:http://jsfiddle.net/eat_sleep_code/3deYQ/2/

您可以根据自己的需要改变逻辑。

<强> HTML

<span id="Quarter"></span>

<强>的Javascript

$(document).ready(function() {
    var today = new Date();
    var currentQuarter = getQuarter(today);
    $('#Quarter').html(currentQuarter);
});

function getQuarter(date)
{
    var result = '';
    if (date >= ParseQuarter('01/01/') && date <= ParseQuarter('03/15/'))
    {
        result = 'This is the first quarter';
    }
    else if (date >= ParseQuarter('03/16/') && date <= ParseQuarter('06/30/'))
    {
        result = 'This is the second quarter';
    }
    else if (date >= ParseQuarter('07/01/') && date <= ParseQuarter('10/01/'))
    {
        result = 'This is the third quarter';
    }
    else if (date >= ParseQuarter('10/02/') && date <= ParseQuarter('12/31/'))
    {
        result = 'This is the fourth quarter';
    }
    return result;    
}

function ParseQuarter(partialDate)
{
    var thisYear = new Date().getFullYear();
    return Date.parse(partialDate + thisYear); 
}

与往常一样,请在StackOverflow上投票获得有效答案!