Maison >interface Web >js tutoriel >Le javascript natif implémente la mise à jour automatique des compétences time et date_javascript

Le javascript natif implémente la mise à jour automatique des compétences time et date_javascript

WBOYoriginal: 2016-05-16 15:15:461551parcourir

Les choses qui peuvent changer dynamiquement sont toujours plus attrayantes et encore plus pratiques que les choses statiques. Par exemple, l'effet du changement automatique de l'heure et de la date est comme ceci. Voici un exemple de code pour présenter comment obtenir cet effet. l'exemple est le suivant :
1. Code spécifique

<html>
<head>
<meta charset="gb2312">
<title>脚本之家</title>
<script type="text/javascript">
var t = null;
function time(){
 dt = new Date();
 var y=dt.getFullYear();
 var h=dt.getHours();
 var m=dt.getMinutes();
 var s=dt.getSeconds();
 document.getElementById("timeShow").innerHTML="当前时间："+y+"年"+h+"时"+m+"分"+s+"秒";
 t = setTimeout(time,1000);    
} 
window.onload=function(){time()}
</script>
</head>
<body>
<div id="timeShow"></div>
</body>
</html>

Le code ci-dessus répond à nos exigences. Voici une brève introduction au processus de mise en œuvre.
2. Principe de mise en œuvre
La fonction time() peut obtenir l'heure et la date actuelles, puis utiliser la fonction timer à la fin de la fonction pour appeler récursivement la fonction time(), ce qui signifie que la fonction time() peut être exécutée en continu, réalisant ainsi la mise à jour automatique de l'heure et de la date. Pas beaucoup d'introduction ici.

3. Informations complémentaires pertinentes

fonction de temps javascript

Javascript fournit des objets Date pour les calculs d'heure et de date. Les objets date ont plusieurs constructeurs :

1. dateObj=new Date() //Heure actuelle

2. dateObj=new Date(milliseconds) //Le nombre de millisecondes à partir de l'heure de début le 1er janvier 1970

3. dateObj=new Date(datestring) //La date et l'heure représentées par la chaîne. Cette chaîne peut être convertie à l'aide de Date.parse(), par exemple "1er janvier 1998 20:13:15"

4. dateObj=new Date(année, mois, jour, heures, minutes, secondes, microsecondes) //Vous n'avez pas besoin d'écrire toutes les valeurs de temps, sinon la valeur par défaut est 0

Appeler des fonctions d'objet lorsqu'elles sont utilisées, telles que
year=dateObj.getFullYear();//Obtenir la valeur de l'année

Voici la liste des fonctions de Objet Date La méthode d'utilisation est celle indiquée ci-dessus :

1), obtenir la fonction de classe :
Fonction getDate() -- renvoie le nombre de jours (1-31)
Fonction getDay() -- renvoie le jour de la semaine (0-6)
Fonction getFullYear() -- renvoie l'année à quatre chiffres
Fonction getHours() -- renvoie le nombre d'heures (0-23)
Fonction getMilliseconds() -- renvoie le nombre de millisecondes (0-999)
Fonction getMinutes() -- renvoie le nombre de minutes (0-59)
Fonction getMonth() -- renvoie le nombre de mois (0-11)
Fonction getSeconds() -- le nombre de secondes renvoyées (0-59)
Fonction getTime() -- renvoie la représentation de l'horodatage (en millisecondes)
Fonction getYear() -- renvoie l'année (année réelle moins 1900)

2), fonction de classe de réglage :
(Les fonctions suivantes renvoient toutes le nombre de millisecondes entre l'objet date et minuit le 1er janvier 1970)
Fonction setDate() -- définit le jour du mois
Fonction setFullYear() -- définir l'année, le mois et le jour
Fonction setHours() -- définir les heures, les minutes, les secondes et les millisecondes
Fonction setMilliseconds() -- définit le nombre de millisecondes
Fonction setMinutes() -- définir les minutes, secondes, millisecondes
Fonction setMonth() -- définir le mois et le jour
Fonction setSeconds() -- définit le jour du mois
Fonction setTime() -- définit l'objet date en utilisant les millisecondes
Fonction setYear() -- définit l'année (année réelle moins 1900)

3), fonction d'affichage de conversion :
Fonction toLocalString() -- renvoie une représentation sous forme de chaîne localisée
Fonction toLocaleDateString -- renvoie la chaîne localisée de la partie date
Fonction toLocaleTimeString -- renvoie la chaîne localisée de la partie horaire

Par rapport à la production locale, il y a aussi :

toString()
versDateString()
àTimeString()

La différence est que le premier a différents formats de langue locale selon différentes machines, tandis que le second est un format de représentation interne

4), fonction d'analyse de date

Fonction Date.parse() -- analyse une chaîne de date et renvoie le nombre de millisecondes entre la date et minuit le 1er janvier 1970

Ce qui précède est le contenu détaillé sur l'heure et la date JavaScript. J'espère qu'il sera utile à l'apprentissage de chacun.

Déclaration：

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

Article précédent：Explication détaillée de la classe d'opérations JavaScript et des compétences de style code_javascriptArticle suivant：Explication détaillée de la classe d'opérations JavaScript et des compétences de style code_javascript

Articles Liés

Voir plus