Comment obtenir l'heure actuelle en javascript

En javascript, vous pouvez utiliser la méthode Date() dans l'objet Date pour obtenir l'heure actuelle, qui peut renvoyer la date et l'heure du jour, vous pouvez également utiliser "new Date()" pour créer ; un objet temporel, en utilisant la méthode de lecture de l'heure intégrée pour obtenir respectivement l'année, le mois, le jour, l'heure, la minute, la seconde et d'autres informations.

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

En javascript, vous pouvez utiliser la méthode Date() dans l'objet Date pour obtenir l'heure actuelle. La méthode Date() renvoie la date et l'heure du jour.

Date()

Exemple : afficher la date et l'heure du jour

console.log(Date())

Sortie :

Ou utiliser différentes méthodes dans l'objet Date pour formater l'heure , affiche l'heure dans un format fixe.

Utilisez d'abord new Date() pour créer un objet d'heure actuelle, puis utilisez get comme méthode de lecture de l'heure du préfixe pour obtenir l'année, le mois, le jour, l'heure, la minute, la seconde et d'autres informations de l'heure actuelle, et enfin utiliser le timing. Les paramètres du serveur sont exécutés une fois par seconde pour obtenir des mises à jour en temps réel.

[Étapes de fonctionnement]

1) Concevez une fonction d'affichage de l'heure Dans cette fonction, créez d'abord un objet Date, obtenez l'heure actuelle, puis obtenez l'année. , mois et jour respectivement. Les minutes, les heures, les minutes, les secondes et d'autres informations sont finalement assemblées dans une chaîne temporelle et renvoyées.

var showtime = function () {
    var nowdate = new Date();
    var year = nowdate.getFullYear(),
        month = nowdate.getMonth() + 1,
        date = nowdate.getDate(),
        day = nowdate.getDay(),
        week = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"],
        h = nowdate.getHours(),
        m = nowdate.getMinutes(),
        s = nowdate.getSeconds(),
        h = checkTime(h),
        m = checkTime(m),
        s = checkTime(s);
    return year + "年" + month + "月" + date + "日" + week[day] + " " + h +":" + m + ":" + s;
}

2) Parce que le format d'heure que vous voyez habituellement est généralement 00:00:01, et que les méthodes getHours(), getMinutes() et getSeconds() obtiennent le format de 0 à 9, et non de 00 à 09.format. Ainsi, en passant de 9 à 10, d'un chiffre à deux chiffres, cela passe également de 59 secondes à 0 seconde, ou de 59 minutes à 0 minute, ou de 23 heures à 0 heure. Par exemple : la seconde suivante de 23:59:59 devrait être 00:00:00, mais il s'agit en réalité de 0:0:0. De cette façon, le format n'est pas uniforme. Visuellement, le nombre augmente ou diminue également soudainement. provoquant une sorte de sensation de tremblement.

Ce qui suit définit une fonction auxiliaire pour changer l'heure à un chiffre en affichage à deux chiffres.

var checkTime = function (i) {
    if (i < 10) {
        i = "0" + i;
    }
    return i;
}

3) Ajoutez une balise à la page et définissez la valeur de l'identifiant.

<h1 id="showtime"></h1>

4) Liez une minuterie à l'étiquette et définissez la fonction d'affichage de l'heure pour qu'elle soit appelée chaque seconde dans la minuterie.

var div = document.getElementById("showtime");
setInterval (function() {
    div.innerHTML = showtime();
}, 1000);  //反复执行函数

affiche les résultats comme suit :

[Recommandations associées : tutoriel d'apprentissage javascript]

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!