Maison > interface Web > js tutoriel > le corps du texte

Implémentation JS du partage de code pour obtenir la date du jour et la rafraîchir régulièrement

韦小宝
Libérer: 2018-03-14 18:35:52
original
1547 Les gens l'ont consulté

Cet article partage principalement avec vous le code JS pour obtenir la date actuelle et l'actualiser régulièrement. Dans un premier temps, nous partagerons avec vous le code JS pour obtenir la date et l'heure actuelles. J'espère qu'il pourra vous aider.

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
Copier après la connexion

Remarque : getYear() et getFullYear() peuvent obtenir l'année, mais il y a une légère différence entre elles

getYear() s'affiche dans le navigateur sous la forme : 114 ( 2014 par exemple), la raison est que getYear renvoie la valeur de "l'année en cours-1900" (c'est-à-dire que l'année de base est 1900)

Utilisez JS pour obtenir l'année : getFullYear()

Actualisation programmée
SetInterval est utilisé pour l'actualisation programmée. Pour plus de détails sur la différence entre setTimeout et setInterval, veuillez vous référer à d'autres documents.

1. Tout d'abord, la page a besoin d'une zone pour afficher l'heure

<p id="showDate"></p>
Copier après la connexion


2 Obtenez l'heure

<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); //将值赋给p
}
</script>
Copier après la connexion

Utilisez toLocaleDateString() pour. obtenez directement l'année et le mois Jour, il n'est pas nécessaire d'obtenir l'année, le mois et le jour séparément

, mais toLocaleTimeString() peut obtenir directement les heures, les minutes et les secondes. Parce que le format obtenu n’est pas nécessaire. Il peut donc être obtenu séparément.

Recommandations associées :

Méthodes Js pour obtenir la date et l'heure actuelles et autres opérations

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal