JS は現在の日付と時刻を取得し、定期的に更新します_JavaScript スキル

現在の日付と時刻を取得する JS

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

注: get Year() と getFull Year() はどちらも年を取得できますが、少し異なります

get Year() はブラウザーで 114 と表示されます (2014 年を例にします)。これは、get Year が「現在の年 - 1900」(つまり、年の基準は 1900 年) の値を返すためです。

JS を使用して年を取得します: getFull Year()

定期的に更新

SetInterval はスケジュールされた更新に使用されます。setTimeout と setInterval の具体的な違いについては、他の資料を参照してください。

1. まず、ページに時刻を表示する領域が必要です

<div id="showDate"></div>

2.時間を取得します

<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>

toLocaleDateString() を使用して年、月、日を直接取得します。年、月、日を個別に取得する必要はありません

ToLocaleTimeString() は、取得する形式が必須ではないため、時、分、秒を直接取得できます。ですので、別途入手可能です。