Home > Web Front-end > JS Tutorial > JS gets the current date and time and refreshes it regularly_javascript skills

JS gets the current date and time and refreshes it regularly_javascript skills

WBOY
Release: 2016-05-16 16:43:09
Original
1711 people have browsed it

JS to get the current date and time

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

Note: Both getYear() and getFullYear() can get the year, but they are slightly different

getYear() is displayed in the browser as: 114 (taking 2014 as an example). The reason is that getYear returns the value of "current year-1900" (that is, the year base is 1900)

Use JS to get the year: getFullYear()

Refresh regularly

SetInterval is used for scheduled refresh. Please refer to other materials for the specific difference between setTimeout and setInterval.

1. First, the page needs an area to display the time

<div id="showDate"></div>
Copy after login

2. Obtain time

<script type="text/javascript"> 
$(function(){ 
setInterval("getTime();",1000); //每隔一秒执行一次 
}) 
//取得系统当前时间 
function getTime(){ 
var myDate = new Date(); 
var date = myDate.toLocaleDateString(); 
var hours = myDate.getHours(); 
var minutes = myDate.getMinutes(); 
var seconds = myDate.getSeconds(); 
$("#showDate").html(date+" "+hours+":"+minutes+":"+seconds); //将值赋给div 
} 
</script>
Copy after login

Use toLocaleDateString() to directly obtain the year, month and day, no need to obtain the year, month and day separately

ToLocaleTimeString() can directly obtain hours, minutes and seconds, because the format it obtains is not required. So it can be obtained separately.

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