Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/444.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在周一到周五的规定时间内显示html内容_Javascript_Jquery_Time_Timezone - Fatal编程技术网

Javascript 在周一到周五的规定时间内显示html内容

Javascript 在周一到周五的规定时间内显示html内容,javascript,jquery,time,timezone,Javascript,Jquery,Time,Timezone,我想知道是否有一个非常简单的解决方案,可以在欧洲时区的特定时间和工作日之间显示内容 工作时间为每天上午9点到下午5点之间(周末除外),在这段时间内,应显示html内容。 如果可能的话,从下午5点到上午9点可以使用不同的html内容。短版本是使用new Date()获取当前日期/时间,然后使用DOM操作适当地添加/删除该内容。如果希望在页面加载之间更改内容,可能还需要运行window.setInterval以不断更新内容 您可能想查看Moment.js库(http://momentjs.com/)

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

工作时间为每天上午9点到下午5点之间(周末除外),在这段时间内,应显示html内容。
如果可能的话,从下午5点到上午9点可以使用不同的html内容。

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

您可能想查看Moment.js库(http://momentjs.com/),因为它有许多功能,使处理日期/时间更容易

下面是一个快速示例(不使用“时刻”),它只检查“我们是否超过5岁?”:


有了这一点,希望您能够找到如何添加其他必要的if检查。

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

您可能想查看Moment.js库(http://momentjs.com/),因为它有许多功能,使处理日期/时间更容易

下面是一个快速示例(不使用“时刻”),它只检查“我们是否超过5岁?”:

有了它,您就有希望知道如何添加其他所需的if检查。

给您!:)


变量日期=新日期();
var year=date.getFullYear();
var month=date.getMonth();
var day=date.getDate();//固定的
函数SetDivContent(){
var div=document.getElementById('date_dependent');
if(year==2010&&month==11){//已修复(JavaScript月份顺序为0-11,而不是1-12)
如果(第>=3天和第12天){//这一天-2010年12月13日及以后,直到12月底
div.innerHTML='content 3';
}
}
else if(year==2011&&month>=0)div.innerHTML='content 3';//可选-确保即使在12月之后也显示content 3。
}
10年11月30日22:16回答

犀牛(给你!)


变量日期=新日期();
var year=date.getFullYear();
var month=date.getMonth();
var day=date.getDate();//固定的
函数SetDivContent(){
var div=document.getElementById('date_dependent');
if(year==2010&&month==11){//已修复(JavaScript月份顺序为0-11,而不是1-12)
如果(第>=3天和第12天){//这一天-2010年12月13日及以后,直到12月底
div.innerHTML='content 3';
}
}
else if(year==2011&&month>=0)div.innerHTML='content 3';//可选-确保即使在12月之后也显示content 3。
}
10年11月30日22:16回答


rhino

你最好在服务器端完成这项工作,这取决于他的需要;如果他想在不刷新页面的情况下动态显示/隐藏内容(并且不向页面添加短的元过期时间),那么客户端Javascript是唯一严肃的选项(不严肃的选项包括Java小应用程序、使用Flash制作整个站点等);如果他想在不刷新页面的情况下动态显示/隐藏内容(并且不向页面添加短的元过期时间),那么客户端Javascript是唯一严肃的选项(不严肃的选项包括Java小程序、在Flash中创建整个站点等)。我将测试此a.s.a.p.allready感谢所有响应!是的,我正在努力恢复我的名誉。。。现在看起来不太好,所以我希望得到一些问题的检查!我会测试这个a.s.a.p.准备好了谢谢你的回复!是的,我正在努力恢复我的名誉。。。现在看起来不太好,所以我希望得到一些问题的检查!
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
<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>