Comment afficher dynamiquement l'heure en javascript-js tutoriel-php.cn

Maison

interface Web

js tutoriel

Comment afficher dynamiquement l'heure en javascript

青灯夜游

Sep 16, 2021 pm 05:04 PM

javascript

Comment afficher l'heure en JavaScript : 1. Utilisez "new Date()" pour définir un objet date ; 2. Utilisez getFullYear(), getMonth() et d'autres méthodes de l'objet date pour obtenir l'année, le mois, le jour, l'heure. , les minutes et les secondes et les afficher ; 3. Utilisez la méthode setTimeout () pour actualiser simplement la valeur de l'heure une fois par seconde.

Comment afficher dynamiquement l'heure en javascript

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

Code d'implémentation de l'heure d'affichage dynamique Javascript :

<html>
    <head>
        <title>网页中动态的显示系统日期时间</title>
        <script language="JavaScript">
            function startTime()   
            {   
                var today=new Date();//定义日期对象   
                var yyyy = today.getFullYear();//通过日期对象的getFullYear()方法返回年    
                var MM = today.getMonth()+1;//通过日期对象的getMonth()方法返回年    
                var dd = today.getDate();//通过日期对象的getDate()方法返回年     
                var hh=today.getHours();//通过日期对象的getHours方法返回小时   
                var mm=today.getMinutes();//通过日期对象的getMinutes方法返回分钟   
                var ss=today.getSeconds();//通过日期对象的getSeconds方法返回秒   
                // 如果分钟或小时的值小于10，则在其值前加0，比如如果时间是下午3点20分9秒的话，则显示15：20：09   
                MM=checkTime(MM);
                dd=checkTime(dd);
                mm=checkTime(mm);   
                ss=checkTime(ss);    
                var day; //用于保存星期（getDay()方法得到星期编号）
                if(today.getDay()==0)   day   =   "星期日 " 
                if(today.getDay()==1)   day   =   "星期一 " 
                if(today.getDay()==2)   day   =   "星期二 " 
                if(today.getDay()==3)   day   =   "星期三 " 
                if(today.getDay()==4)   day   =   "星期四 " 
                if(today.getDay()==5)   day   =   "星期五 " 
                if(today.getDay()==6)   day   =   "星期六 " 
                document.getElementById(&#39;nowDateTimeSpan&#39;).innerHTML=yyyy+"-"+MM +"-"+ dd +" " + hh+":"+mm+":"+ss+"   " + day;   
                setTimeout(&#39;startTime()&#39;,1000);//每一秒中重新加载startTime()方法 
            }   

            function checkTime(i)   
            {   
                if (i<10){
                    i="0" + i;
                }   
                  return i;
            }  
        </script>
    </head>
    <body onload="startTime()" style="background-color: #000000;color: white;">
        当前时间：<font color="#33FFFF"><span id="nowDateTimeSpan"></span></font> 
    </body>
</html>

Rendu :

Comment afficher dynamiquement lheure en javascript

Objet Méthodes de date

L'objet Date vous permet d'obtenir l'heure standard internationale relative (heure moyenne de Greenwich, maintenant connue sous le nom d'UTC (Temps coordonné universel) ou l'heure et la date du système d'exploitation sur lequel le lecteur Flash est exécuté. Pour utiliser les méthodes de l'objet Date, vous devez d'abord créer une instance de l'objet Date.

Les objets Date doivent utiliser le lecteur Flash 5 ou version ultérieure.

Les méthodes de l'objet Date ne sont pas statiques, mais peuvent être appliquées aux entités individuelles spécifiées lorsqu'elles sont utilisées.

Méthode d'introduction de l'objet Date :

getDate ｜ Obtenez la date actuelle (le jour du mois) en fonction de l'heure locale

getDay ｜ Obtenez le jour de la semaine d'aujourd'hui en fonction de l'heure locale (0-dimanche, 1-Monday...)

getFullYear ｜ Obtenez l'année en cours (quatre chiffres) en fonction de l'heure locale

getHours ｜ Obtenez les heures actuelles (format 24 heures, 0-23) en fonction de l'heure locale

getMilliseconds ｜ Obtenez les millisecondes actuelles en fonction de l'heure locale

getMinutes ｜ Basé sur Obtenez les minutes actuelles en heure locale

getMonth ｜ Obtenez le mois en cours en fonction de l'heure locale (note à partir de 0 : 0-janvier, 1er-février...)

getSeconds ｜ Obtenez les secondes actuelles en heure locale

getTime ｜ Obtenez le format UTC Le nombre de millisecondes depuis 1970.1.1 0:00

getTimezoneOffset ｜ Obtenez l'heure actuelle et la valeur de décalage au format UTC (en minutes)

getUTCDate ｜ Obtenez la date actuelle au format UTC (le jour du mois)

getUTCDay ｜ Obtenez le jour de la semaine aujourd'hui au format UTC (0-Sunday, 1-Monday…)

getUTCFullYear ｜ Obtenez l'année en cours au format UTC (quatre chiffres)

getUTCHours ｜ Obtenez l'heure actuelle au format UTC (format 24 heures, 0-23)

getUTCMilliseconds ｜ Obtenez le nombre actuel de millisecondes au format UTC

getUTCMinutes ｜ Obtenez le nombre actuel de minutes au format UTC format

getUTCMonth ｜ Obtenez le mois en cours au format UTC (note à partir de 0 : 0-Jan, 1-Feb …)

getUTCSeconds ｜ Obtenez les secondes actuelles au format UTC

getYear ｜ Obtenez l'année abrégée en cours (année en cours moins 1900) en fonction de l'heure locale

setDate ｜ Définir la date actuelle (le jour du mois)

setFullYear ｜ Définir l'année en cours (quatre chiffres)

setHours ｜ Définir le nombre d'heures actuel (format 24 heures, 0 -23)

setMilliseconds ｜ Définir le nombre actuel de millisecondes

setMinutes ｜ Définir le nombre actuel de minutes

setMonth ｜ Définir le mois en cours (note à partir de 0 commence : 0-Jan, 1-Feb…)

setSeconds ｜ Définir le nombre actuel de secondes

setTime ｜ Définir le nombre de millisecondes depuis le 1970.1.1 0:00 au format UTC

setUTCDate ｜ Définir la date actuelle au format UTC (le jour du mois)

setUTCFulYear ｜ Définir la date actuelle année au format UTC (quatre chiffres)

setUTCHours ｜ Définir l'heure actuelle au format UTC (format 24 heures, 0-23)

setUTCMilliseconds ｜ Définir l'année en cours au format UTC Nombre de millisecondes

setUTCMinutes ｜ Définir l'année actuelle nombre de minutes au format UTC

setUTCMonth ｜ Définir le mois en cours au format UTC (note à partir de 0 : 0-Jan, 1-Feb…)

setUTCSeconds ｜ Définir le nombre actuel de secondes au format UTC

setYear ｜ Définir l'année abrégée actuelle (l'année en cours moins 1900)

toString ｜ Convertit la valeur de date et d'heure en une valeur de chaîne sous la forme de "date/heure"

Date.UTC ｜ Renvoie l'heure fixe de la date au format UTC spécifiée et valeur temporelle

【Apprentissage recommandé : Tutoriel avancé 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!

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 connexe

Python vs JavaScript: la courbe d'apprentissage et la facilité d'utilisationApr 16, 2025 am 12:12 AM

Python convient plus aux débutants, avec une courbe d'apprentissage en douceur et une syntaxe concise; JavaScript convient au développement frontal, avec une courbe d'apprentissage abrupte et une syntaxe flexible. 1. La syntaxe Python est intuitive et adaptée à la science des données et au développement back-end. 2. JavaScript est flexible et largement utilisé dans la programmation frontale et côté serveur.

Python vs JavaScript: communauté, bibliothèques et ressourcesApr 15, 2025 am 12:16 AM

Python et JavaScript ont leurs propres avantages et inconvénients en termes de communauté, de bibliothèques et de ressources. 1) La communauté Python est amicale et adaptée aux débutants, mais les ressources de développement frontal ne sont pas aussi riches que JavaScript. 2) Python est puissant dans les bibliothèques de science des données et d'apprentissage automatique, tandis que JavaScript est meilleur dans les bibliothèques et les cadres de développement frontaux. 3) Les deux ont des ressources d'apprentissage riches, mais Python convient pour commencer par des documents officiels, tandis que JavaScript est meilleur avec MDNWEBDOCS. Le choix doit être basé sur les besoins du projet et les intérêts personnels.

De C / C à JavaScript: comment tout cela fonctionneApr 14, 2025 am 12:05 AM

Le passage de C / C à JavaScript nécessite de s'adapter à la frappe dynamique, à la collecte des ordures et à la programmation asynchrone. 1) C / C est un langage dactylographié statiquement qui nécessite une gestion manuelle de la mémoire, tandis que JavaScript est dynamiquement typé et que la collecte des déchets est automatiquement traitée. 2) C / C doit être compilé en code machine, tandis que JavaScript est une langue interprétée. 3) JavaScript introduit des concepts tels que les fermetures, les chaînes de prototypes et la promesse, ce qui améliore la flexibilité et les capacités de programmation asynchrones.

Moteurs JavaScript: comparaison des implémentationsApr 13, 2025 am 12:05 AM

Différents moteurs JavaScript ont des effets différents lors de l'analyse et de l'exécution du code JavaScript, car les principes d'implémentation et les stratégies d'optimisation de chaque moteur diffèrent. 1. Analyse lexicale: convertir le code source en unité lexicale. 2. Analyse de la grammaire: générer un arbre de syntaxe abstrait. 3. Optimisation et compilation: générer du code machine via le compilateur JIT. 4. Exécuter: Exécutez le code machine. Le moteur V8 optimise grâce à une compilation instantanée et à une classe cachée, SpiderMonkey utilise un système d'inférence de type, résultant en différentes performances de performances sur le même code.

Au-delà du navigateur: Javascript dans le monde réelApr 12, 2025 am 12:06 AM

Les applications de JavaScript dans le monde réel incluent la programmation côté serveur, le développement des applications mobiles et le contrôle de l'Internet des objets: 1. La programmation côté serveur est réalisée via Node.js, adaptée au traitement de demande élevé simultané. 2. Le développement d'applications mobiles est effectué par le reactnatif et prend en charge le déploiement multiplateforme. 3. Utilisé pour le contrôle des périphériques IoT via la bibliothèque Johnny-Five, adapté à l'interaction matérielle.

Construire une application SaaS multi-locataire avec next.js (intégration backend)Apr 11, 2025 am 08:23 AM

J'ai construit une application SAAS multi-locataire fonctionnelle (une application EdTech) avec votre outil technologique quotidien et vous pouvez faire de même. Premièrement, qu'est-ce qu'une application SaaS multi-locataire? Les applications saas multi-locataires vous permettent de servir plusieurs clients à partir d'un chant

Comment construire une application SaaS multi-locataire avec Next.js (Frontend Integration)Apr 11, 2025 am 08:22 AM

Cet article démontre l'intégration frontale avec un backend sécurisé par permis, construisant une application fonctionnelle EdTech SaaS en utilisant Next.js. Le frontend récupère les autorisations des utilisateurs pour contrôler la visibilité de l'interface utilisateur et garantit que les demandes d'API adhèrent à la base de rôles

JavaScript: Explorer la polyvalence d'un langage WebApr 11, 2025 am 12:01 AM

JavaScript est le langage central du développement Web moderne et est largement utilisé pour sa diversité et sa flexibilité. 1) Développement frontal: construire des pages Web dynamiques et des applications à une seule page via les opérations DOM et les cadres modernes (tels que React, Vue.js, Angular). 2) Développement côté serveur: Node.js utilise un modèle d'E / S non bloquant pour gérer une concurrence élevée et des applications en temps réel. 3) Développement des applications mobiles et de bureau: le développement de la plate-forme multiplateuse est réalisé par réact noral et électron pour améliorer l'efficacité du développement.

See all articles