日数により表記を変えるには？

2023/09/04 22:53

de000の回答

ベストアンサー

de000
ベストアンサー率59% (111/187)

2013/08/02 01:06 回答No.1

JavaScript はあまり詳しくありませんが・・・基本的には、日数カウンターの値（days）を求めた後に if文で判別させる方法が簡単でしょう。例文として・・・ if(days>=301){document.write("良く出来ました");} else if(days>=100){document.write("あともう少し");} else if(days>=51){document.write("この調子で");} else {document.write("頑張りましょう");} あとはどの場所に表示させるか、になるので「８８　日目」と表示される場所に表示させれば良いと思います。また "良く出来ました" 等の文章(文字列)を変数にしてプログラミングしても良いでしょう。その方が後々ソースを編集する際に便利かもしれません。ご健闘を祈ります。

質問者

お礼 2013/08/05 23:52

おかげさまで、やりたかった事が出来ました。色々と丁寧な回答をしていただき、本当にありがとうございました。教えていただいたことを生かして、良いホームページを作っていきたいと思います(^^)

この回答がついた質問に戻る

関連するQ&A

それぞれの表記の色を変えるには？
先日、日数カウンターの代わりに、表記を変えるには　という質問をして、お答えを頂き、無事解決したのですが、また新たな壁にぶつかってしまいました・・・ <script type="text/javascript">  </script> というプログラムで、以下のように変更して、文字の色を変える事はできたのですが <font color="#0000ff"><script type="text/javascript">  </script></font></td> 以下のように、その表記別に色を変える方法が分かりません良く出来ました　　　赤　font color="#ff0000 あともう少し　　　　　青　font color="#0000ff この調子で　　　　　黄色　font color="#ffff00 どなたか、分かる方がいらっしゃいましたら、どうか宜しくお願い致します。
- ベストアンサー
- その他（インターネット・Webサービス）
誕生日からの日数を表示するJavaScriptに、カンマを入れる方法を
誕生日からの日数を表示するJavaScriptに、カンマを入れる方法を教えてください。 JavaScriptの初心者で、申し訳ありません。誕生日からの日数を表示するJavaScriptと3桁の後にカンマを表示させるJavaScriptは、それぞれ単独で見つけたのですが、関連のさせ方が分かりません。誕生日からの日数を表示するJavaScriptは、以下のものです。 days の前後に文字表示をさせています。この中の days を表示する時に、3桁の後にカンマを表示させたいのですが。人の生きた日々ですので、万の単位までしか表示しません。 82歳で、30,000日くらいになります。 var tday=new Date(); var bday=new Date(1928,5-1,13); var ac="#ffffff"; var mark=""; var days=Math.ceil((tday.getTime()-bday.getTime())/(24*60*60*1000)); days=(days+"").fontcolor(ac); days=days.bold(); mark=mark.fontcolor(ac); document.write(mark+"いきて来た日々："+days+"日"+mark); 文字列にカンマを入れる以下のJavaScriptも見つけました。これと上のJavaScriptを関連させることで、誕生日からの日数にカンマを入れられるでしょうか？もし、できるのであれば、関連のさせかたを教えてください。以下のものではダメなら、他のJavaScriptで目的を達成できるものを、教えてください。 str= value; for (i=0; i < str.length / 3 ; i++) { str= str.replace ( /^([+-]?\d+) (\d\d\d)/, "$1,$2"); } お願いします。
- ベストアンサー
- JavaScript
このスクリプトの間違いを指摘してください。
このスクリプトの間違いを指摘してください。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>test</title> <script type="text/javascript">  </script> </head> <body onload="javacript:doCountDown();"> <div id='cd'></div> </body> </html> 自動更新のカウントダウンタイマーを作ろうと思ってるのですが....
- 締切済み
- Perl
javascriptで質問
javascript初心者です。日付で自動的に変わるようなメニューが作りたいのですがもっとシンプルに簡潔にできますか？また、開いているページのタブの色を他と変えたいのですができますか？以下ソース↓ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title>スクリプトテスト</title> <style type="text/css"> .menu li{ list-style-type:none; float:left; border:solid 1px #666666; } .menu li a{ padding:5px; background:#eeeeee; display:block; } .menu li a:hover{ background:#ffffff; } </style> <script type="text/javascript">  </script> </head> <body> <ul class="menu"> <script type="text/javascript">  </script> <script type="text/javascript">  </script> <script type="text/javascript">  </script> <script type="text/javascript">  </script> <script type="text/javascript">  </script> <script type="text/javascript">  </script> <script type="text/javascript">  </script> </ul> </body> </html>
- 締切済み
- JavaScript
javaスクリプトについて質問です。カウントダウンタイマーなのですが、
javaスクリプトについて質問です。カウントダウンタイマーなのですが、下記コードを入力したのですが、ホームページ上ではうまく作動しません。どこを訂正したらよろしいのでしょうか？わかる方教えて下さい。  <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="cookie.js"></script> <script type="text/javascript" src="check.js"></script> <script type="text/javascript">  </script>
- ベストアンサー
- JavaScript
重い処理中のアニメーションgifについて
お世話になります。 javascript で重い処理中のプログレス(アニメーションgif)表示について教えてください。やりたいことは以下です。 ==================================== 1.重い処理の前にプログレス(アニメーションgif)表示 2.重い処理開始 3.プログレス(アニメーションgif)非表示 [sample.html] <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript"> $(function() { $('#btn').click(function() { progressStart(); // プログレス(アニメーションgif)表示 func1(); // 重い処理開始 progressEnd(); // プログレス(アニメーションgif)非表示 }); }); /** * プログレス(アニメーションgif)表示 */ function progressStart() { $('#prog').show(); } /** * プログレス(アニメーションgif)非表示 */ function progressEnd() { $('#prog').hide(); } /** * 重い処理(とりあえず5秒) */ function func1() { var T = 5; //T秒待つ var d1 = new Date().getTime(); var d2 = new Date().getTime(); while( d2 < d1+1000*T ){ d2=new Date().getTime(); } return; } </script> </head> <body> <form> <input type="button" id="btn" value="開始" /> <div id="result"></div> <img id="prog" src="img/loadinfo.gif" alt="" style="display:none;" /> </form> </body> </html> ==================================== 上記コードで試したのですが、重い処理中はプログレス(アニメーションgif)が動かず固まったままです。。。重い処理中もプログレス(アニメーションgif)を動いたままにすることは可能なのでしょうか？どなたかご教授いただければと思います。よろしくお願いいたします。
- ベストアンサー
- JavaScript
JavaScript表示させる画像へリンクの貼り方
初めて質問させていただきます。 JavaScript で、表示させた画像へのリンクの張り方を教えていただきたいのです。 JavaScript のデータは、外部リンクになっています。いろいろと見て回ったのですが、JavaScript に関しての知識不足で、おそらく、調べきれていないのでは・・・とも思うのですが、急ぎでどうしても必要ですので、教えていただきたいです。よろしくお願いいたします。 // JavaScript Document //----開始日 YYYY/M/D 形式半角数字で開始日指定 myStartDate="2012/9/14 16:29:00"; //　終了日 YYYY/M/D 形式半角数字で終了日指定 myEndDate="2012/9/14 17:50:00"; //表示するHTML myHTML=("<img src='●●.jpg'>");　　←この画像にURLを付けたいです。 /******************************************************************/ myDate=new Date(); //現在の日付取得 mySD=new Date(myStartDate); myED=new Date(myEndDate); if(myDate.getTime()-mySD.getTime()> 0 && myED.getTime()-myDate.getTime()> 0){ document.write(myHTML); } ーーーーーーーーーーーーーーー <body> <div id="●●"> <script type="text/javascript" src="js/pr.js"></script> </div> </body>
- ベストアンサー
- JavaScript
入力内容をリアルタイムに取得・表示する処理
次のような内容でテキストエリアに入力された特定のキーワードをカウントしているのですが、カウントの値をリアルタイムに取得・表示にはどのような処理を加えたら良いのでしょうか。 <form id="post" name="post" method="post" action="post.php"> <texarea id="text" class="text-edit" name="text"></textarea> <input id="submit" name="submit" type="submit"> </form> (<div id="keyword-counter"></div>をここに追加) <div id="word-counter">文字数</div> <script type="text/javascript"> jQuery( function($) { function KeywordCounter() { var input_text = document.post.content.value; var word = input_text.split('キーワード').length -1; } $('#word-counter') .before('<div id="keyword-counter"></div>').bind('keyup', KeywordCounter); KeywordCounter(); }); </script>
- ベストアンサー
- JavaScript
jquery datepickerについて
言語初心者です。まだ、ほとんど自分では書けず、どうにかネットに上がっているものを使っている状態です。 datepickerを利用しつつ、fromとtoから期間を計算させたいと思っています。過去ログがあったので示します。 http://okwave.jp/qa/q7656838.html onSelect: function() { 　　// 開始を取得　　　　var from = $('#date-from').val(); 　　// 終了を取得　　　　var to = $('#date-to').val(); 　　　　if ( from !== '' && to !== '' ) { 　　　　　　　var date = new Date(to).getTime() - new Date(from).getTime(); 　　　　　　　alert ( date/(1000*60*60*24) ); 　　　　} 　　} 上記ソースコードの　　alert ( date/(1000*60*60*24) ); の部分を書き換えて /*html内*/ <input type="text" id="from-to" name="期間"> のテキストボックスに計算させた日数を出したいのですが、上手くいきません。どなたかご教授ください。よろしくお願いいたします。
- ベストアンサー
- JavaScript
このjavascriptコードを短くできませんか？
javascript初心者です。どなたか下記のコードを短くしていただけないでしょうか？変数1～変数12まであるので、それぞれコードを書いたら長くなってしまいました。このままでもうまく動いてはいるのですが、もし短くできるならしたいなと思いまして。よろしくお願いいたします。 <script type="text/javascript">  </script>
- 締切済み
- JavaScript

日数により表記を変えるには？

de000の回答

お礼 2013/08/05 23:52

関連するQ&A

注目のQ&A

カテゴリ
一覧

専門家に質問してみよう
専門家登録

日数により表記を変えるには？

de000の回答

お礼 2013/08/05 23:52

関連するQ&A

注目のQ&A

カテゴリ 一覧

専門家に質問してみよう 専門家登録

カテゴリ
一覧

専門家に質問してみよう
専門家登録