- ベストアンサー
現在時刻をボタンクリックで表示する方法
meke2の回答
こんばんわ！ -------------------------------------------------- <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> <FORM name="aaa"> <INPUT type="text" name="bbb" size="50"> <INPUT type="button" value="時刻" onClick="time()"> </FORM> <SPAN ID="layer01"></SPAN> <SCRIPT LANGUAGE="JavaScript"> <!-- function time(){ dd = new Date(); Yr = dd.getYear() + "年" Mn = dd.getMonth() + 1 + "月"; Dt = dd.getDate() + "日" ; Hr = dd.getHours() + "時" ; Mi = dd.getMinutes() + "分" ; Se = dd.getSeconds() + "秒" document.aaa.bbb.value = Yr + Mn + Dt + Hr + Mi + Se ; layer01.innerHTML = Yr + Mn + Dt + Hr + Mi + Se ; window.setTimeout("time()",1000); } // --> </SCRIPT> </BODY> </HTML> -------------------------------------------------- このような感じでよいのでしょうか。。。 上ではテキストボックスを使った例と、使わない例を一緒にしてます。 ＩＥ5.5で確認してます。
関連するQ&A
- 年齢表示
現在サイトで名簿を作成しているのですが、HTMLのtableを使用してリストにしてます。 年齢の項目のところで現在の年齢を表示させる為に下記のjavascriptのソースを使用しているのですが、30人分のリストなら30回使用しています。 <SCRIPT language="JavaScript"> <!-- var birthyear=1990; var birthmonth=11; var birthday=10; var age=0; now = new Date(); y=now.getYear(); m=now.getMonth()+1; d=now.getDate(); if(y<1900) {y=y+1900;} if(m < birthmonth){age=y-birthyear-1} if(m > birthmonth){age=y-birthyear} if(m == birthmonth){ if(d < birthday){age=y-birthyear-1} else{age=y-birthyear} } document.write(age+"歳"); //--> </SCRIPT> 30回も使用するとファイルのソース自体が長くなってしまってるので少しソースを簡潔化させたいのですが、良い方法はあるでしょうか？外部ファイルを使用する方法でも構いません。 ご存知の方いらっしゃいましたら、ご教授ください。 よろしくお願いします。
- ベストアンサー
- JavaScript
- javascript 日付自動更新
以前にもご質問させてもらったのですが、解決にいたらなかったので今一度ご質問させてもらいます。何卒、宜しくお願い致します。 javascriptでサイトをアップした日付を、"最終更新日：2009年12月12日"と自動で更新したいです。 今までは、こちらのjavascriptを使っていたのですが、これですとブラウザ、GoogleChromeに対応していません。 文字化けしてしまいます。 <SCRIPT language="JavaScript"> <!-- renew = new Date(document.lastModified); y=renew.getYear(); m=renew.getMonth() + 1; d=renew.getDate(); if(y<1900) {y=y+1900;} document.write("最終更新日："+y+"年"+m+"月"+d+"日"); //--> </SCRIPT> こちらのコードですとGoogleChromeで動くのですが、 <script type="text/javascript" charset="utf-8"> <!-- var d = new Date(); if (d.toLocaleDateString) { document.write("最終更新日：" + d.toLocaleDateString(document.lastModified)); } else{ y=d.getYear(); m=d.getMonth() + 1; d=d.getDate(); if(y<1900) {y=y+1900;} document.write("最終更新日："+y+"年"+m+"月"+d+"日"); } // --> </script> このように表示されてしまいます。 最終更新日：Saturday,December,12,2009 "最終更新日：2009年12月12日"この形で表示させたいです。 どなたかお力を貸して下さい。お願い致します。
- 締切済み
- JavaScript
- 「～○ヶ月○日」という表示方法 ２
以前こちらで同じ質問をさせていただきました。 教えていただいた方にもう1度聞こうと思ったんですが ここではそれはできないようなので、どなたか教えてください！ 「ＨＰを開設してから○ヶ月と○日が経ちました」 というような表示をしたいのです。 以前教えていただいた方法でうまく表示されていたのですが、 最近ちょっとくるってるんです。 本当は４ヶ月と２２日(5/4現在)なんですが ５ヶ月と８日と表示されてしまいます。 なぜでしょうか？ いろいろ検索してまわったのですが、 どれも何日という表示方法で、○ヶ月というのは見つかりませんでした。 以前教えていただいたのは↓です。 <SCRIPT> var StrMsg = ""; var dtToday = new Date;//現在の日付を取得する。 var StDay = new Date(2001,12,12);//Date(年,月,日)開設した年月日を入れておく。 //現在の日付から開設日付を引き何日経過したのかを取得する if(StDay.getMonth()>=dtToday.getMonth()+1){ var strMonth = StDay.getMonth()-(dtToday.getMonth()+1); }else{ var strMonth = (dtToday.getMonth()+1)-StDay.getMonth(); } if(dtToday.getDate()>=StDay.getDate()){ var strDate = dtToday.getDate()-StDay.getDate(); }else{ var strDate = StDay.getDate()-dtToday.getDate(); } //HTMLへと出力する if(strMonth != 0){ StrMsg = StrMsg + strMonth+"ヶ月と"; } if(Date != 0){ StrMsg = StrMsg + strDate+"日"; } if(StrMsg.length != 0){ document.write("ＨＰを開設してから"+ StrMsg +"が経ちました"); }</SCRIPT> お願いします！！
- ベストアンサー
- JavaScript
- JS 日付表示
JavaScript for文の日付表示について JavaScriptでfor文で日付表示したい場合、月末の最終日を取得するだけでは月の切り替えができないのでしょうか？ 今日から一週間後までを表示するアプリを作りたいのですが1/31を過ぎると2/1にならず1/32と表示されてしまいます。 何か間違っている所ありますでしょうか？ 以下ソースコード <script type="text/javascript"><!-- var now = new Date(); var y = now.getFullYear(); var m = now.getMonth() + 1; var d = now.getDate(); console.log(now); // Thu Jan 30 2014 00:00:00 GMT+0900 (東京 (標準時)) console.log(new Date(now.getFullYear(), now.getMonth() + 1, 0)); // Fri Jan 31 2014 00:00:00 GMT+0900 (東京 (標準時)) for(i=0;i<100;i++){ document.write(y + "/" + m + "/" + (d + i).toString() + "<br>"); } // --></script> <body> </body>
- ベストアンサー
- JavaScript
- Javascriptでの更新日時表示について
プログラミング初心者です。。。 初歩的なご質問ですいません。 ネットショップでページに自動で更新日を表示したいと考えています。 コチラでご教授いただき、表示するところまではできたのですが、肝心な定休日についての動作を忘れていました。。。 例えば ・毎週日曜日 ・指定した日付（緊急の定休日や祝日など） この二つの条件どちらかの場合、更新を行わない。というスクリプトを組みたいのです。。。 自分で色々調べてやってみたのですがどうも理解できず・・・ どうかご教授をお願いします＞＜ ちなみに現在完成しているのはこんな感じです↓ （毎朝１０時になったら更新されるようになっています。） <SCRIPT type="text/javascript"> <!-- date = new Date(); y = date.getFullYear(); m = date.getMonth() + 1; d = date.getDate(); var h = date.getHours(); if (h < 10) { d -= 1; } if (m < 10) { m = "0" + m; } if (d < 10) { d = "0" + d; } document.write(y + "/" + m + "/" + d); // --> </SCRIPT> どうぞよろしくお願いします；；
- 締切済み
- JavaScript
- javascript 自動日付更新
宜しくお願いします。 サイトをアップした日付を、自動で更新したいです。 今までは、こちらのjavascriptを使っていたのですが、これですとブラウザ、クロムに対応していません。 文字化けしてしまいます。 <SCRIPT language="JavaScript"> <!-- renew = new Date(document.lastModified); y=renew.getYear(); m=renew.getMonth() + 1; d=renew.getDate(); if(y<1900) {y=y+1900;} document.write("最終更新日："+y+"年"+m+"月"+d+"日"); //--> </SCRIPT> クロムでも動くjavascriptのコードはありませんか? 何卒、宜しくお願い致します。
- 締切済み
- JavaScript
- javascriptでの日付更新の時間について
初歩的なことですいませんが・・・ Javascriptについてご教授ください。 以下のような日付を表示するJavascriptがあります。 <SCRIPT LANGUAGE="JavaScript"> <!-- date = new Date(); y = date.getFullYear(); m = date.getMonth() + 1; d = date.getDate(); if (m < 10) { m = "0" + m; } if (d < 10) { d = "0" + d; } document.write(y + "/" + m + "/" + d); // --> </SCRIPT> これの場合、何時に見ようが今現在の日付が表示されますよね・・・ 例えばこれを午前１０時になったら今日の日付に表示を変える・・・みたいなことってできますか？？ （つまり午前０：００から９：５９までは前日の日付を表示させるということなのですが・・・） 分かりにくかったらすいません。 どうかよろしくお願いします＞＜
- ベストアンサー
- JavaScript
- 毎日違う画像を表示させるには
私はJavaScriptは初心者です。悩んでここに投稿させて頂きました。 JavaScriptで毎日（24時間ごとに）違う画像を表示させようと考えています。 以下を実行したのですがIEだけ画像が表示されません。 どなた様か、おかしいところ、また違うJavaScriptの記述でも構いません。 教授いただけると幸いです。 <SCRIPT LANGUAGE=javascript> <!-- var ig = new Array(); ig[1]="1.jpg"; ig[2]="2.jpg"; ig[3]="3.jpg"; ig[4]="4.jpg"; ig[5]="5.jpg"; ig[6]="6.jpg"; ig[7]="7.jpg"; function window_onload() { var d = new Date(); img = document.getElementById("img"); window.status=d.getMonth()+1 + "/"+d.getDate() + "/"+ d.getYear(); var no = d.getDate()%7; img.src=ig[no]; img.insertAdjacentHTML("afterEnd",no+"："+ig[no]); } //--> </SCRIPT> </HEAD> <BODY LANGUAGE=javascript onload="return window_onload()"> <P><img id=img></P> </BODY>
- ベストアンサー
- JavaScript
- 日付範囲指定について
よろしくお願いします。 年、月をコンボボックスで表示させ、選択できるようにしてあります。jsの内容は以下です。 ----------------------------------------------------- var ymin = 1950; var ymax = 2050; function getToday(){ var t = new Date(); var y = t.getYear(); if(1900 > y){y += 1900;} var m = t.getMonth()+1; var d = t.getDate(); fyear(y); fmonth(m); fday(d); } function fyear(thisyear){ var obj = document.getElementById('year'); ymin =ymin - 0; ymax =ymax - 0; var j = 1; for(i = ymin; ymax > i; i++){ var str = i.toString() + "年"; obj.options[j] = new Option(str); obj.options[j].value = i; if(i == thisyear){ obj.options[j].selected = true; } j++; } } function fmonth(thismonth){ var obj = document.getElementById('month'); for(i = 1; 12 >= i; i++){ var str = i.toString() + "月"; obj.options[i] = new Option(str); obj.options[i].value = i; if(i == thismonth){ obj.options[i].selected = true; } } } ----------------------------------------------------- これを利用して日付範囲指定（例として、2006年1月～2008年8月ような感じ）を行いたいのですが、可能でしょうか？ 自分で試した方法ですと、前半（2006年1月）は表示できるのですが、後半（2008年8月）が表示できませんでした。 試したソースは以下 --------------------------------------------------- <!-- var ymin = 1950; var ymax = 2050; function getToday(){ var t = new Date(); var y = t.getYear(); if(1900 > y){y += 1900;} var m = t.getMonth()+1; var d = t.getDate(); fyear(y); fmonth(m); tyear(y); tmonth(m); } function fyear(thisyear){ var obj = document.getElementById('year'); ymin =ymin - 0; ymax =ymax - 0; var j = 1; for(i = ymin; ymax > i; i++){ var str = i.toString() + "年"; obj.options[j] = new Option(str); obj.options[j].value = i; if(i == thisyear){ obj.options[j].selected = true; } j++; } } function fmonth(thismonth){ var obj = document.getElementById('month'); for(i = 1; 12 >= i; i++){ var str = i.toString() + "月"; obj.options[i] = new Option(str); obj.options[i].value = i; if(i == thismonth){ obj.options[i].selected = true; } } } function tyear(thisyear){ var obj = document.getElementById('tyear'); ymin =ymin - 0; ymax =ymax - 0; var j = 1; for(i = ymin; ymax > i; i++){ var str = i.toString() + "年"; obj.options[j] = new Option(str); obj.options[j].value = i; if(i == thisyear){ obj.options[j].selected = true; } j++; } } function tmonth(thismonth){ var obj = document.getElementById('tmonth'); for(i = 1; 12 >= i; i++){ var str = i.toString() + "月"; obj.options[i] = new Option(str); obj.options[i].value = i; if(i == thismonth){ obj.options[i].selected = true; } } } //--> どうかよろしくお願いします。
- 締切済み
- JavaScript
- 今年を取得する方法はありますか？
私は4/29が誕生日なのですが <html> <head> <title></title> <script type="text/javascript"> <!-- function msg() { var date = new Date(); var dt1 = new Date(2013, 4-1, 29); var dt2 = new Date(date.getFullYear(), date.getMonth(), date.getDate()); var days = ( dt1 - dt2 ) / 86400000; alert("誕生日まであと" + days + "日です"); } //--> </script> </head> <body> <form> <INPUT TYPE="button" VALUE="誕生日まで・・・" onClick="msg()"> </form> </body> </html> で誕生日の残りの日数を表示させてるのですが Date(2013, 4-1, 29) の2013の部分を今年を取得する方法はありますか？ これは去年知ったサンプルコードなのですが その時は2012になってので2013に書き換えたのですが毎年今年を取得する方法はありますか？
- ベストアンサー
- JavaScript
お礼
ありがとうございました。 助かりました。