Home > Web Front-end > JS Tutorial > body text

js gets the time accurate to seconds (year, month, day)_javascript skills

WBOY
Release: 2016-05-16 15:10:37
Original
1884 people have browsed it

The example in this article shares with you all the codes that use js to obtain time and output values ​​for your reference and study. The specific content is as follows

Implementation code:

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="gb2312">
 <title></title>
<script type="text/javascript">
 window.onload=function(){
  setInterval(function(){
   var date=new Date();
   var year=date.getFullYear(); //获取当前年份
   var mon=date.getMonth()+1; //获取当前月份
   var da=date.getDate(); //获取当前日
   var day=date.getDay(); //获取当前星期几
   var h=date.getHours(); //获取小时
   var m=date.getMinutes(); //获取分钟
   var s=date.getSeconds(); //获取秒
   var d=document.getElementById('Date'); 
   d.innerHTML='当前时间:'+year+'年'+mon+'月'+da+'日'+'星期'+day+' '+h+':'+m+':'+s;
  },1000) 
 }
</script>
</head>
<body>
<div id="Date">

</div>
</body>
</html>
Copy after login

Rendering:

Specific method:

var myDate = new Date();
myDate.getYear();  //获取当前年份(2位)
myDate.getFullYear(); //获取完整的年份(4位,1970-&#63;&#63;&#63;&#63;)
myDate.getMonth();  //获取当前月份(0-11,0代表1月)
myDate.getDate();  //获取当前日(1-31)
myDate.getDay();   //获取当前星期X(0-6,0代表星期天)
myDate.getTime();  //获取当前时间(从1970.1.1开始的毫秒数)
myDate.getHours();  //获取当前小时数(0-23)
myDate.getMinutes();  //获取当前分钟数(0-59)
myDate.getSeconds();  //获取当前秒数(0-59)
myDate.getMilliseconds(); //获取当前毫秒数(0-999)
myDate.toLocaleDateString();  //获取当前日期
var mytime=myDate.toLocaleTimeString();  //获取当前时间
myDate.toLocaleString( );  //获取日期与时间
Copy after login

I hope it will be helpful for everyone to learn javascript programming.

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!