Paparkan masa semasa dan fungsi kira detik berdasarkan kemahiran javascript

Paparkan masa semasa dan fungsi kira detik berdasarkan kemahiran javascript_javascript

WBOY

Lepaskan： 2016-05-16 15:10:19

asal

1472 orang telah melayarinya

Untuk latihan diri, saya ingin berkongsi dengan anda sekeping kod asli js.
Objek tarikh digunakan untuk mengendalikan tarikh dan masa.
Date() Mengembalikan tarikh dan masa hari semasa.
getDate() Mengembalikan hari dalam bulan (1 ~ 31) daripada objek Tarikh.
getDay() Mengembalikan hari dalam seminggu (0 ~ 6) daripada objek Tarikh.
getMonth() Mengembalikan bulan (0 ~ 11) daripada objek Tarikh.
getFullYear() Mengembalikan tahun sebagai nombor empat digit daripada objek Tarikh.
getYear() Sila gunakan kaedah getFullYear() sebaliknya.
getHours() mengembalikan jam (0 ~ 23) objek Date.
getMinutes() mengembalikan minit (0 ~ 59) objek Date.
getSeconds() Mengembalikan saat objek Date (0 ~ 59).
getMilliseconds() mengembalikan milisaat (0 ~ 999) objek Date.
getTime() Mengembalikan bilangan milisaat sejak 1 Januari 1970.
getTimezoneOffset() Mengembalikan perbezaan dalam minit antara waktu tempatan dan Greenwich Mean Time (GMT).
getUTCDate() Mengembalikan hari dalam bulan (1 ~ 31) daripada objek Tarikh berdasarkan masa universal.
getUTCDay() Mengembalikan hari dalam seminggu (0 ~ 6) daripada objek Tarikh berdasarkan masa universal.
getUTCMonth() Mengembalikan bulan (0 ~ 11) daripada objek Tarikh mengikut masa sejagat.
getUTCFulYear() Mengembalikan tahun empat digit daripada objek Tarikh berdasarkan masa sejagat.
getUTCHours() Mengembalikan jam (0 ~ 23) objek Tarikh mengikut masa sejagat.
getUTCMinutes() Mengembalikan minit (0 ~ 59) objek Tarikh mengikut masa sejagat.
getUTCSeconds() Mengembalikan saat (0 ~ 59) objek Tarikh mengikut masa sejagat.
getUTCMilliseconds() Mengembalikan milisaat (0 ~ 999) objek Date mengikut masa universal.
parse() Mengembalikan bilangan milisaat dari tengah malam pada 1 Januari 1970 kepada tarikh yang ditentukan (rentetan).
setDate() menetapkan hari dalam bulan (1 ~ 31) dalam objek Tarikh.
setMonth() menetapkan bulan (0 ~ 11) dalam objek Date.
setFullYear() Menetapkan tahun (empat digit) dalam objek Date.
setYear() Sila gunakan kaedah setFullYear() sebaliknya.
setHours() Menetapkan jam (0 ~ 23) dalam objek Tarikh.
setMinutes() Menetapkan minit (0 ~ 59) dalam objek Date.
setSeconds() Menetapkan saat (0 ~ 59) dalam objek Date.
setMilliseconds() Menetapkan milisaat (0 ~ 999) dalam objek Date.
setTime() menetapkan objek Tarikh dalam milisaat.
setUTCDate() Menetapkan hari dalam bulan (1 ~ 31) dalam objek Tarikh mengikut masa sejagat.
setUTCMonth() Menetapkan bulan (0 ~ 11) dalam objek Tarikh mengikut masa sejagat.
setUTCFulYear() Menetapkan tahun (empat digit) dalam objek Tarikh mengikut masa sejagat.
setUTCHours() Menetapkan jam (0 ~ 23) dalam objek Tarikh mengikut masa universal.
setUTCMinutes() Menetapkan minit dalam objek Tarikh (0 ~ 59) mengikut masa sejagat.
setUTCSeconds() Menetapkan saat dalam objek Tarikh (0 ~ 59) mengikut masa universal.
setUTCMilliseconds() Menetapkan milisaat (0 ~ 999) dalam objek Date mengikut masa universal.
toSource() mengembalikan kod sumber objek.
toString() Menukar objek Tarikh kepada rentetan.
toTimeString() Menukar bahagian masa objek Tarikh kepada rentetan.
toDateString() Menukar bahagian tarikh objek Tarikh kepada rentetan.
toGMTString() Sila gunakan kaedah toUTCString() sebaliknya.
toUTCString() Menukar objek Tarikh kepada rentetan mengikut masa sejagat.
toLocaleString() Menukar objek Tarikh kepada rentetan mengikut format waktu tempatan.
toLocaleTimeString() Menukar bahagian masa objek Date kepada rentetan mengikut format waktu tempatan.
toLocaleDateString() Menukar bahagian tarikh objek Tarikh kepada rentetan mengikut format waktu tempatan.
UTC() Mengembalikan bilangan milisaat dari 1 Januari 1970 ke tarikh yang ditentukan, mengikut masa universal.
valueOf() mengembalikan nilai asal objek Date.
Kod pelaksanaan khusus:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>原生js 当前时间 倒计时代码</title>
  <style>
  *{margin:0;padding:0;}
  body{text-align:center;}
  .text{margin-top:150px;font-size:14px;}
  </style>
  <script>
    window.onload=function(){      
      getMyTime(); 
      getMyTime1();  
    }
    //1.前面补0
    function p(n){
      return n<10&#63;'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);
    }
  </script>
</head>
<body>
  <div class="text">
    <p>倒计时间：<span id="time"></span></p>
    <p>当前时间：<span id="time1"></span></p> 
  </div>
</body>
</html>

Salin selepas log masuk

Di atas adalah keseluruhan kandungan artikel ini saya harap ia akan membantu semua orang dalam mempelajari pengaturcaraan javascript.