指定日まで画像カウントダウン表示一桁の残り日数を「01」のようにしたい

2023/08/09 19:29

このQ&Aのポイント

指定日まで画像カウントダウン表示一桁の残り日数を「01」のように表示するためのjavascriptの方法を教えてください。
また、当日が来たら表示を停止させる方法も教えてください。
指定日までの残り日数を画像ファイルで表示する方法を紹介しているコードがありますが、一桁の数値の場合は「02」「01」と表示したいです。

ベストアンサー

指定日まで画像カウントダウン表示一桁の残り日数を「01」のようにしたい

2010/05/17 16:52

指定日まで画像カウントダウン表示一桁の残り日数を「01」のようにしたい。当日以降は「00」で停止させたいある指定日時までの画像カウントダウン表示を以下のようにjavascriptで作成して、残り日数の数字を imageファイルで表示しているのですが、残りが一ケタになったときに「02」「01」のようにする、また、当日が来たら「00」で止まるようにしたいのですが方法がわかりません。 javascriptで上記のような仕様にすることは可能なのでしょうか。よろしくお願いします。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis" /> <script language="javascript"></script> </head> <body> <script src="js/date.js"></script>日 </body> </html>

devko
お礼率50% (2/4)

JavaScript
回答数1
ありがとう数1

みんなの回答 （1）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

nda23
ベストアンサー率54% (777/1415)

2010/05/17 17:14 回答No.1

if知ってるでしょ？ if ( d <= 0 ) { 　　s = "00"; } else { 　　s = d.toString(); 　　if ( d < 10 ) s = "0" + s; }

質問者

お礼 2010/05/17 17:23

…いえ拾い物に応用効かせるほどの知識がなく・・・完璧です！助かりました。ありがとうございます！

関連するQ&A

画像カウントダウン当時以降を0日に表示したい
javascriptにて画像でカウントダウン表示しようとしています。下記の質問を参考にしましたが、その当日を過ぎると、カウントアップしてしまいます。 03・02・01・00・01・02・・・　　　　　　 ↑ 　　　　　当日指定日まで画像カウントダウン表示一桁の残り日数を「01」のようにしたい http://okwave.jp/qa/q5901649.html 下記の記述で誤っているところあれば教えて頂きたいのですがわかりますでしょうか？ <SCRIPT LANGUAGE="JavaScript">  </SCRIPT>
- ベストアンサー
- JavaScript
指定日時までのカウントダウン
指定日時までのカウントダウンで、数字を画像で表示させたモノを作りたいのですが、いろんなサンプル等を見ながら作ってみたものの、うまくいきません。。。アドバイスをお願い致します。 <html> <head> <title>指定日までの残り日数+時間を画像で表示する</title> <script language="JavaScript"></script> </head> <body> <script language="JavaScript"></script> </body> </html>
- ベストアンサー
- JavaScript
javascriptにおける指定日時までのカウントダウン
いろいろなサイトを見回りながら「指定日までの残り日数と時間を表示する」のをjavascriptで動かしたいのですがリアルタイムに秒が進んでくれません。知識のある方はどうか間違えてる点のご教授お願いします。 <html> <head> <title>指定日までの残り日数と時間を表示する</title> </head> <body> <script language="JavaScript"></script> <form name="myForm"> <input type="text" size="35" name="myFormDate"> <script language="JavaScript"></script> </form> <script language="JavaScript"></script> </body> </html>
- 締切済み
- JavaScript
日数カウントダウンが、ブラウザによって文字化けする。
日数カウントダウンが、ブラウザによって文字化けする。以下のように、日数のカウントダウンを表示しているのですが、 IEでは正常に表示されるのですが、 safari、firefoxでは、文字化け（数桁の数字が表示）します。（その他のブラウザは未確認です。） ↓(日数カウントダウンのソース)================================= <script language="JavaScript">  </script> ↑(日数カウントダウンのソース)================================= ブラウザの設定も確認したのですが、原因がわかりませんでした。ご存知の方、ご教授願います。よろしくお願いします。
- ベストアンサー
- JavaScript
カウントダウンを何個も表示したいのですが・・・
こんばんは。「次の誕生日まであと○日」というカウントダウンを自動で表示したくて検索してみたところ，JavaScriptで書くことが分かりました。（JavaScriptの書き方は全く知りません。）とあるHPで，以下のように書けば良いと習い <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> このように書いたら，無事できました。しかし，「次の誕生日まであと○日」「○さんの誕生日まであと○日」というように，改行して2つのカウントダウンを表示したく HTMLしか分からないので<br>を入れてみたのですがカウントダウンが2つとも表示されません。改行して表示するにはどうしたら良いのでしょうか。どうか教えてください。よろしくお願いいたします。
- ベストアンサー
- HTML
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
画像のランダム表示
初心者です。。画像のランダム表示で、下のものを使っているのですが、画像の上にカーソルをもっていったときに手のマークにしたいのですが、どのようにすればできるのでしょうか？ onclickを使っているからだと思うのですが、 A href=を使えばできるのでしょうか？よろしくお願いします。 <script type="text/javascript">  </script> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> </head> <body> <div align="center"> <img src="image/001.jpg" border="0" onclick="disp(this)"> </div> </body> </html>
- ベストアンサー
- JavaScript
画像サイズを指定する
1～6まで全て同じサイズ（200*100）の画像があります。この画像を下記のスクリプトを使用してランダムに表示させ、マウスを重ねるとその画像に対応した画像に切り替わる（画像1なら画像4という風に）ということをしているんですが、表示サイズを300*150で表示させるためにはどうしたらいいのでしょうか？ <script language="javascript">  </script> 基本的なことで申し訳ありません。どなたかわかる方がいらっしゃれば宜しくお願い致します。
- ベストアンサー
- JavaScript
画像がうまく表示されないのですが
ページを見るごとにランダムで画像が変わるタグを書き込んだのですが・・・タグ１ <script language="JavaScript">  </script> タグ２ <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> タグ１はインフォシークのサーバーでは表示されたのですが、A-RINGSのサーバーでは表示されなかったので、サーバーの問題で表示されないのでしょうか？表示されないとしたらどのようにしたら表示されるものなのでしょうか？タグ２はどちらのサーバーも表示されませんでした。どうしたらちゃんと表示されますでしょうか？
- ベストアンサー
- JavaScript
javascriptで処理している間画像を表示したい。
JavaScriptで処理をしている間、画像を表示したいのですが、上手く表示されません。以下、HTMLファイル <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script type="text/javascript" src="sample_csv.js"></script> </head> <body> <form name="form1"> <input type="button" value="取込" onclick="testWait()"/> </form> <p id="test"></p> </body> </html> 以下JSファイル function testWait() { var imgWait = document.createElement('img'); imgWait.setAttribute("src","data/waiting.gif"); document.getElementById("test").appendChild(imgWait); //alert("test"); sleep_busy(5000); document.getElementById("test").innerHTML = ""; } function sleep_busy(wait) { var start = (new Date()).getTime(); while (true) { if ((new Date()).getTime() >= start + wait * 1) break; } } jsファイルのコメントしてあるアラート文を有効にするときちんと表示されます。どうしてalert文を有効にした場合と、コメントにした場合で結果が違ってきてしまうのでしょうか。上手く表示する、良い方法ありますでしょうか。宜しくお願いします。
- ベストアンサー
- JavaScript