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プログラムの設計を勉強するのに役に立ちます.