質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

解決済

1回答

186閲覧

文章の要素を時間ごとに変えたい

mikamimayumi

総合スコア13

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2019/01/12 15:56

編集2019/01/13 03:23
コード ```### 前提・実現したいこと 文章の要素を時間ごとに変えたい ここに質問の内容を詳しく書いてください。 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で動かしたい

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

kei344

2019/01/12 16:18

(質問文は編集できます)質問文のコードはコードブロックで囲んでいただけませんか? ```(バッククオート3つ)で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。
m.ts10806

2019/01/12 21:27

タグに「JavaScript」を追加してください。また、ブラウザ開発ツールのコンソールにエラーが出ていないか確認してください
seastar3

2019/01/12 21:39

このお問い合わせは、Javascriptに関する内容なので、javascriptタグも追加した方がよろしいでしょう。
guest

回答1

0

ベストアンサー

コードに文法エラーはないようです。動作としては、

javascript

1if ( startday < today && today < endday ){ 2 document.getElementById("MyEvent").style.display="block"; 3 document.getElementById("Usually").style.display="none"; 4} else { 5 document.getElementById("MyEvent").style.display="none"; 6 document.getElementById("Usually").style.display="block"; 7}

の部分で、期限内の日付のときは、

<div id="MyEvent"> <a href="#"></a> </div>

を表示するようにしています。
したがって、idが"Usually"の範囲の表示を試したければ、上記のif文をコメント化するか、

var endday = new Date('2019/01/11 23:59:59');

のようにenddayを過去にすれば表示されます。

投稿2019/01/12 21:40

seastar3

総合スコア2285

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問