Rumah > Artikel > hujung hadapan web > JavaScript model undur jam elektronik 2_kemahiran javascript

JavaScript model undur jam elektronik 2_kemahiran javascript

WBOYasal: 2016-05-16 15:20:391331semak imbas

Contoh dalam artikel ini menerangkan kod terperinci kira detik jam elektronik JavaScript dan berkongsi dengan anda untuk rujukan anda Kandungan khusus adalah seperti berikut
Kelas masa JavaScript
1 Dapatkan masa, minit dan saat:
getHours()
getMinutes();
getSeconds();
2. Dapatkan tahun, bulan dan hari:
getFullYear();
getMonth() 1;//Bulan yang diperoleh memerlukan 1;
getDate(); //Tarikh
getDay(); //Dapatkan hari dalam seminggu, 0--》Ahad

Rendering:

Kod khusus:

<!doctype html> 
<html> 
<meta charset="utf-8"> 
<title>倒计时</title>
<head> 

   <style type="text/css">
   *{
     margin: 0;
     padding: 0;

   }
    .wrap{
      width: 350px;
      height: 100px;
      background-color: black;
    }
    #dates{
      color: #fff;
      margin-top: 10px;
      display: block;
      margin-left: 15px;
    }
    p{
      color: #fff;
    }
   </style>
</head> 
<body> 
<div class="wrap">
  <p>距离2016年02月08号00时00分00秒春节倒计时：</p>
  <!-- <p>距离2016年01月07号23时59分59秒倒计时：</p> -->
  <span id="dates"></span>
</div>
<script type="text/javascript"> 
var dates = document.getElementById("dates");
function getRTime(){ 
var EndTime= new Date('2016/02/07 23:59:59'); //截止时间 
var NowTime = new Date(); 
var t =EndTime.getTime() - NowTime.getTime(); 

var d=Math.floor(t/1000/60/60/24); 
var h=Math.floor(t/1000/60/60%24); 
var m=Math.floor(t/1000/60%60); 
var s=Math.floor(t/1000%60); 
var p=Math.floor(t%60);
if(d<10){
  d="0"+d;
}
if(h<10){
  h="0"+h;
}
if(m<10){
  m="0"+m;
}
if(s<10){
  s="0"+s;
}
if(p<10){
  p="0"+p;
}

dates.innerHTML=d+ "日" + h + "小时"+ m +"分" + s +"秒"+p+"毫秒";
} 
setInterval(getRTime,1); 
</script> 
</body> 
</html>

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

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：JavaScript melaksanakan gesaan dalam kotak input (kotak kata laluan)_kemahiran javascriptArtikel seterusnya：JavaScript melaksanakan gesaan dalam kotak input (kotak kata laluan)_kemahiran javascript

Artikel berkaitan

Lihat lagi