Question

我需要根据时间切换DIV可见性，以便我的网站在我的实体店开放时显示。

例如：
- 07：00-15：59 =显示div
- 16：00-06：59 =隐藏div

谢谢！

Answer 1

这是一个基本的例子。

//gets the current time. 
var d = new Date();
if(d.getHours() >= 7 && d.getHours() <= 15 ){
    $(".open").show();
    $(".closed").hide();
}
else {  
     $(".closed").show();
    $(".open").hide();
}

https://jsfiddle.net/16mnrL3b/

Answer 2

您可以使用以下方法获取系统时间：

    var date = new Date();

    var time = date.getHours() + ":" + date.getMinutes() + ":" + date.getSeconds();
    $('div').hide()
    if(date.getHours()>7&&date.getHours()<16){
      $('div').show()
    }
    else 
    if(date.getHours()>=16&&date.getHours()<7){
      $('div').hide()
    }

Answer 3

你可以试试这个

if ( date('H:i') >= "07:00" && date('H:i') <= "16:00" ) {
   echo 'Time between 7 and 16';
}else{
   echo 'Time is runned out';
}

Answer 4

您可以使用jquery将当前时间与需要显示特定div的时间进行比较，如下所示：

$('#mydiv').hide();
$('#myclosediv').hide();

if(today.getHours() >= 7 && today.getHours() < 16){
 $('#myopendiv').show();
}   
else{
 $('#myclosediv').show();
}

如果当前时间是早上7点到下午4点，那么带有id＆＃39; myopendiv＆＃39;的div将会显示。否则另一个div。

在一天的特定时间显示DIV（例如，在商店期间＆＃34;营业时间＆＃34;）

4 个答案: