毎日指定の時間のみ要素を表示

Question

こんにちわ。
jqueryで毎日指定の時間のみ要素を表示させる方法を
試してみたのですが、指定の人間に表示されません。。。

どこか間違っていますでしょうか？

よろしくお願い致します。

<div id="Usually">
	<div id="img1">
		<img src="img/operator.png" alt="現在オペレーターが1名待機中！今ならすぐつながります">
	</div>
</div>

<script>
// 開始、終了設定
var startday = new Date('2016/10/21 00:00:00');
var endday = new Date('2017/10/21 23:59:59');
// ここまで
 
var today = new Date();
if ( startday < today && today < endday ){ 
  document.getElementById("Usually").style.display="none";
}else{
  document.getElementById("Usually").style.display="block";
}
 
 
//ここから時間帯ごとの表示、非表示処理
 
//現在の時間を 00:00 形式で取得
var hour =  today.getHours();
var minute =  today.getMinutes();
var time = ('0' + hour).slice(-2) + ":" + ('0' + minute).slice(-2);

document.getElementById("img1").style.display="none";
 
if(time >= "14:00" && time < "15:00"){
  //14:00～15:00 は img1を表示する
  document.getElementById("img1").style.display="block";
}
</script>

Comments

[st_uver212]

わかりやすく、コードを表示しました

Answer 1

if ( startday < today && today < endday ){ 
  document.getElementById("Usually").style.display="none";
}else{
  document.getElementById("Usually").style.display="block";
}

の部分が逆なような気がします。。。
startday < today < endday の時に none になってますけど合ってます?

Answer 2

CODELIFE｜日時指定で要素の表示と非表示を切り替えるjQueryが超絶便利

余談ですが、タグが全然違います。Java関係ありません。

Comments

[st_uver212]

ご回答ありがとうございます。
タグを変更しました。

教えていただいた、URLのページですが、
この場合、0000年00月00日 00:00〜0000年00月00日 00:00までの間のみ表示だとおものですが、毎日指定の時間のみ表示させることはできるのでしょうか？

[A-pZ]

元のソースが公開されています。
年月日部分を現在の年月日に指定するよう修正すれば、毎日の指定時間のみ表示するようにできます。