コード ```### 前提・実現したいこと 文章の要素を時間ごとに変えたい ここに質問の内容を詳しく書いてください。 1:00~2:34はa文章 2:35~3:00はb文章のようにしたい ### 発生している問題・エラーメッセージ 文章の表示がされない 時間ごとに設定がうまく行っているかわからない ### 該当のソースコード <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script language="javascript"> function timermessage(){ var startday = new Date('2019/01/11 00:00:00'); var endday = new Date('2020/01/11 23:59:59'); var today = new Date(); if ( startday < today && today < endday ){ document.getElementById("MyEvent").style.display="block"; document.getElementById("Usually").style.display="none"; }else{ document.getElementById("MyEvent").style.display="none"; document.getElementById("Usually").style.display="block"; } var hour = today.getHours(); var minute = today.getMinutes(); var time = ('0' + hour).slice(-2) + ":" + ('0' + minute).slice(-2); var minutes = hour * 60 + minute; document.getElementById("img1").style.display="none"; document.getElementById("img2").style.display="none"; document.getElementById("img3").style.display="none"; document.getElementById("img4").style.display="none"; document.getElementById("img5").style.display="none"; document.getElementById("img6").style.display="none"; document.getElementById("img7").style.display="none"; document.getElementById("img8").style.display="none"; document.getElementById("img9").style.display="none"; document.getElementById("img10").style.display="none"; document.getElementById("img11").style.display="none"; document.getElementById("img12").style.display="none"; if(minutes >= 0 && minutes < 90){ // "00:00" ~ "01:30" document.getElementById("img1").style.display="block"; }else if(minutes >= 90 && minutes < 360){ // "01:30" ~ "06:00" document.getElementById("img2").style.display="block"; }else if(minutes >= 360 && minutes < 390){ // "06:00" ~ 06:30" document.getElementById("img3").style.display="block"; }else if(minutes >= 390 && minutes < 420){ // "06:30" ~ "07:00" document.getElementById("img4").style.display="block"; }else if(minutes >= 420 && minutes < 480){ // "07:00" ~ "08:00" document.getElementById("img5").style.display="block"; }else if(minutes >= 480 && minutes < 390){ // "08:00" ~ "09:30" document.getElementById("img6").style.display="block"; }else if(minutes >= 390 && minutes < 600){ // "09:30" ~ "10:00" document.getElementById("img7").style.display="block"; }else if(minutes >= 600 && minutes < 660){ // "10:00" ~ "11:00" document.getElementById("img8").style.display="block"; }else if(minutes >= 660 && minutes < 750){ // "11:00" ~ "12:30" document.getElementById("img9").style.display="block"; }else if(minutes >= 750 && minutes < 1140){ // "12:30" ~ "19:00" document.getElementById("img10").style.display="block"; }else if(minutes >= 1140 && minutes < 1200){ // "19:00" ~ "20:00" document.getElementById("img11").style.display="block"; }else if(minutes >= 1200 && minutes < 1350){ // "20:00" ~ "22:30" document.getElementById("img12").style.display="block"; }else{ document.getElementById("img13").style.display="block"; } return; } </script> </head> <body onload="setInterval(timermessage,1000);"> <div id="MyEvent"> <a href="#"></a> </div> <div id="Usually"> <div id="img1"><p>1</p></div> <div id="img2"><p>2</p></div> <div id="img3"><p>3</p></div> <div id="img4"><p>4</p></div> <div id="img5"><p>5</p></div> <div id="img6"><p>6</p></div> <div id="img7"><p>7</p></div> <div id="img8"><p>8</p></div> <div id="img9"><p>9</p></div> <div id="img10"><p>10</p></div> <div id="img11"><p>11</p></div> <div id="img12"><p>12</p></div> <div id="img13"><p>13</p></div> </div> </body> </html> ### 試したこと ここに問題に対して試したことを記載してください。 ### 補足情報(FW/ツールのバージョンなど) IEまたはchromeで動かしたい
回答1件
あなたの回答
tips
プレビュー