JavaScriptで曜日ごとに表示内容を変える方法

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

2025/04/26 00:45

ただいまコメントを受けつけておりません。

JavaScriptで曜日ごとに表示内容を変える方法

http://peacepopo.net/blog-entry-151.html

<script>

function Settoday(){

  var today = new Date() ;

  var nowtime= ("0"+today.getHours()).slice(-2) +":"+("0"+today.getMinutes()).slice(-2);

  var weekday = [ "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat" ] ;

  var startlist = [ "", "10:00", "", "22:00", "", "", "19:00" ];

  var endlist = [ "", "16:00", "", "", "", "", "21:00" ];



  var starttime="00:00";

  var endtime="24:00";



  if(startlist [today.getDay()] != ""){

    starttime=startlist [today.getDay()];

  }

  if(endlist [today.getDay()] != ""){

    endtime=endlist [today.getDay()];

  }

  if ( nowtime >= starttime && nowtime <= endtime){

    document.getElementById(weekday[today.getDay()]).style.display="block";

  }

}

</script>
<body onload="Settoday();">

<div id="Sun" style="display:none;">

  日曜日に表示する内容

  <img src="画像URL">

</div>

<div id="Mon" style="display:none;">

  月曜日に表示する内容

  <img src="画像URL">

</div>

<div id="Tue" style="display:none;">

  火曜日に表示する内容

  <img src="画像URL">

</div>

<div id="Wed" style="display:none;">

  水曜日に表示する内容

  <img src="画像URL">

</div>

<div id="Thu" style="display:none;">

  木曜日に表示する内容

  <img src="画像URL">

</div>

<div id="Fri" style="display:none;">

  金曜日に表示する内容

  <img src="画像URL">

</div>

<div id="Sat" style="display:none;">

  土曜日に表示する内容

  <img src="画像URL">

</div>

</body>