javascriptに基づいて現在の時間とカウントダウン機能を表示します.
4177 ワード
自分で練習して、ついでにみんなの1段のjsのもとにコードを分かち合います.Dateオブジェクトは日付と時刻を処理するために使用されます.Date() その日の日付と時間を返します.get Date() Dateオブジェクトから一ヶ月のある日(1~31)を返します.getDay() Dateオブジェクトから一週間のうちのある日(0~6)を返します.get Month() Dateオブジェクトから月(0~11)に戻ります.get FulYear() Dateオブジェクトから4桁の数字で年を返します.getYear() getFulYear()メソッドを使って代替してください.get Hours() Dateオブジェクトの時間(0~23)を返します.get Minutes() Dateオブジェクトの分(0~59)を返します.get Seconds() Dateオブジェクトの秒数(0~59)を返します.get Milliseconds() Dateオブジェクトのミリ秒(0~999)を返します.getTime() 1970年1月1日現在のミリ秒数を返します.getTimezoneOffset() 現地時間とグリニッジ標準時間(GMT)の分差を返します.getUTCDate() 世界によってはDateの対象から月の一日(1~31)に戻ります.getUTCDay() 世界によってはDateの対象から周中の一日(0~6)に戻ります.getUTCMonth() 世界時にDateから月に戻る(0~11).getUTCFulYear() 世界では、Dateオブジェクトから4桁の年を返します.getUT CHours() 世界時によってDateの対象に戻る時間(0~23).getUTCMinutes() 世界時によってはDateの対象に戻る分(0~59).getUT CSeconds() 世界時によってはDateオブジェクトの秒(0~59)に戻ります.getUTCMilliseconds() 世界時によってはDateオブジェクトのミリ秒(0~999)に戻ります.パース() 1970年1月1日深夜から指定日までのミリ秒数を返します.set Date() Dateオブジェクトの月のある日(1~31)を設定します.set Month() Dateオブジェクトの月(0~11)を設定します.set FulYear() Dateオブジェクトの年(4桁の数字)を設定します.setYear() setFulYear()メソッドを使用してください.set Hours() Dateオブジェクトの時間(0~23)を設定します.set Minutes() Dateオブジェクトの分(0~59)を設定します.set Seconds() Dateオブジェクトの秒(0~59)を設定します.set Milliseconds() Dateオブジェクトのミリ秒(0~999)を設定します.setTime() Dateオブジェクトをミリ秒で設定します.set UTCDat() 世界時によっては、Dateオブジェクトの中の月の一日(1~31)を設定します.setUTCMonth() Dateオブジェクトの月(0~11)は世界時に設定されます.setUTCFulYear() Dateオブジェクトの年(4桁の数字)を世界時に設定します.setUT CHours() Dateオブジェクトの時間(0~23)は世界時に設定されます.setUTCMinutes() Dateオブジェクトの分(0~59)は世界時に設定されます.setUT CSeconds() Dateオブジェクト中の秒(0~59)は世界時に設定されます.setUTCMilliseconds() Dateオブジェクト中のミリ秒(0~999)は世界時に設定されます.toSource() オブジェクトのソースコードを返します.toString() Dateオブジェクトを文字列に変換します.toTimeString() Dateオブジェクトの時間部分を文字列に変換します.toDateString() Dateオブジェクトの日付部分を文字列に変換します.toGMT String() toUTCString()方法を使って代替してください.toUTCString() 世界によっては、Dateオブジェクトを文字列に変換します.toLocale String() ローカル時間書式に従って、Dateオブジェクトを文字列に変換します.toLocale TimeString() ローカル時間書式に従って、Dateオブジェクトの時間部分を文字列に変換します.toLocareDateString() ローカル時間書式に従って、Dateオブジェクトの日付部分を文字列に変換します.UTC() 世界では1970年1月1日から指定日までのミリ秒数を返します.valueOf() Dateオブジェクトの元の値を返します.具体的な実現コード:
js
window.onload=function(){
getMyTime();
getMyTime1();
}
//1. 0
function p(n){
return n<10?'0'+n:n;
}
//2.
function getMyTime(){
var startDate=new Date();
var endDate=new Date('2017/4/17 11:15:00');
var countDown=(endDate.getTime()-startDate.getTime())/1000;
var day=parseInt(countDown/(24*60*60));
var h=parseInt(countDown/(60*60)%24);
var m=parseInt(countDown/60%60);
var s=parseInt(countDown%60);
document.getElementById('time').innerHTML=day+' '+p(h)+' '+p(m)+' '+p(s)+' ';
setTimeout('getMyTime()',500);
if(countDown<=0){
document.getElementById('time').innerHTML=' ';
}
}
//3.
function getMyTime1(){
var myDate=new Date();
var year=myDate.getFullYear();
var month=myDate.getMonth()+1;
var day=myDate.getDate();
var week=myDate.getDay();
var array=[' ',' ',' ',' ',' ',' ',' ',];
var hour=myDate.getHours();
var minute=myDate.getMinutes();
var second=myDate.getSeconds();
document.getElementById('time1').innerHTML=year+' '+month+' '+day+' '+' '+array[week]+' '+p(hour)+':'+p(minute)+':'+p(second);
setTimeout('getMyTime1()',500);
}
:
:
以上が本文の全部です.javascriptプログラムの設計を勉強するのに役に立ちます.