2017-07-13 7 views
0

店舗が開いているかどうかは、ウェブサイトで表示しようとしています。店舗は週7日07:30〜22:00まで営業しています。今、私は毎日07:00〜22:00の間、このanswerJSFiddle)の助けを借りてそれを表示することができました。しかし、私は07:30から始めることができません、これを行うための最善の方法は何ですか?営業時間の通知(07:30 tot 22:00)Javascript

Javascriptを:

var checkOpenStatus = function() { 
    var d = new Date(); 
    var date = d.getHours(); 
    if ((date > 9) && (date < 20)) { 
     y = "<span style=\"color:#07ed11\">We're Open!</span>"; 
    } else { 
     y = "<span style=\"color:#fc4b1c\">Sorry we're Closed.</span>"; 
    } 
    document.getElementById("open-close").innerHTML = y; 
}; 

checkOpenStatus(); 

HTML

<div id="open-close"></div> 
+0

'VAR分= d.getMinutes();' –

+0

するvar分= d.getMinutes()、その後、あなたの場合の状態でそれを使用します。 – SamB

答えて

2

時間は9であれば、あなたも分が30以上であることを確認する必要があります。

var d = new Date(); 
var h = d.getHours(); 
var m = d.getMinutes(); 
if ((h > 9 || (h == 9 && m >= 30)) && (h < 20)) { 

以下は、論理を証明するための日付を挿入するカスタマイズされたバージョンの関数です。スクリプトを実行し、コンソールを確認します。

var checkOpenStatus = function (d) { 
 
    //var d = new Date(); 
 
    var h = d.getHours(); 
 
    var m = d.getMinutes(); 
 
    if ((h > 9 || (h == 9 && m >= 30)) && (h < 20)) { 
 
     y = "<span style=\"color:#07ed11\">We're Open!</span>"; 
 
    } else { 
 
     y = "<span style=\"color:#fc4b1c\">Sorry we're Closed.</span>"; 
 
    } 
 
    console.log(d, y); 
 
}; 
 

 
checkOpenStatus(new Date(2017, 1, 1, 9, 0)); 
 
checkOpenStatus(new Date(2017, 1, 1, 9, 10)); 
 
checkOpenStatus(new Date(2017, 1, 1, 9, 20)); 
 
checkOpenStatus(new Date(2017, 1, 1, 9, 30)); 
 
checkOpenStatus(new Date(2017, 1, 1, 9, 40)); 
 
checkOpenStatus(new Date(2017, 1, 1, 10, 40)); 
 
checkOpenStatus(new Date(2017, 1, 1, 20, 00)); 
 
checkOpenStatus(new Date(2017, 1, 1, 23, 00));

関連する問題