0

我想知道是否有一个非常简单的解决方案可以在特定时间之间以及仅在欧洲时区的工作日期间显示内容？

时间将是每天上午 9 点到下午 5 点之间（周末除外），在这些时间之间应该显示 html 内容。如果可能，从下午 5 点到上午 9 点提供不同的 html 内容。

4

2 回答 2

3

简短的版本是您new Date()用来获取当前日期/时间，然后使用 DOM 操作来添加/删除适当的内容。如果您希望在页面加载之间更改内容，您可能还希望运行 window.setInterval 以不断更新内容。

您可能想查看 Moment.js 库 (http://momentjs.com/)，因为它有许多功能可以更轻松地处理日期/时间。

这是一个快速示例（不使用 Moment），它只检查“我们是否超过 5？”：

window.setInterval(function() {
    if (new Date().getHours() > 17) { // if it's after 5pm (17:00 military time)
        $('#someContent').hide();
    } else {
        $('#someContent').show();
    }
}, 1000 * 60) // this will run every minute

有了这个希望你可以弄清楚如何添加其他需要的 if 检查。

于 2012-12-26T23:28:58.767 回答
0

干得好！:)

<html>
<head>
<script type="text/javascript">
var date=new Date();
var year=date.getFullYear();
var month=date.getMonth();
var day=date.getDate(); // fixed
function SetDivContent() {
    var div=document.getElementById('date_dependent');
    if (year==2010 && month==11) { // fixed (the JavaScript months order is 0-11, not 1-12)
        if (day>=3 && day<11) { // the following content will be displayed 12/03/2010, 12/04/2010, [...], 12/09/2010, 12/10/2010
            div.innerHTML='content 1';
        }
        else if (day==11 || day==12) { // this one will be displayed 12/11/2010 and 12/12/2010
            div.innerHTML='content 2';
        }
        else if (day>12) { // this one - 12/13/2010 and later, until the end of December
            div.innerHTML='content 3';
        }
    }
    else if (year==2011 && month>=0) div.innerHTML='content 3'; // OPTIONAL - just to ensure that content 3 is displayed even after December.
}
</script>
</head>
<body onload="SetDivContent()">
<div id="date_dependent"></div>
</body>
</html>

2010 年 11 月 30 日 22:16 回答

犀牛

于 2012-12-26T23:33:14.070 回答