Maison > interface Web > js tutoriel > implémentation du code js pour afficher l'heure sur la page Web

implémentation du code js pour afficher l'heure sur la page Web

不言
Libérer: 2018-08-22 11:43:39
original
3326 Les gens l'ont consulté

Le contenu de cet article concerne l'implémentation du code de js affichant l'heure sur la page Web. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
			<span id="date1">
			</span>
			
		<script >
		
			function $(num1){
				return num1<10?"0"+num1:num1;
			}
			
			function setTime(){
				var date = new Date();
				var year = date.getFullYear();
				var month = date.getMonth()+1;
				var day = date.getDate();//在使用天数的时候使用date来得到
				var week = date.getDay();//getday得到的是一周内的第几天
				console.log();
				var hour = date.getHours();
				var minute = date.getMinutes();
				var second = date.getSeconds();
				var time = year+"-"+$(month)+&#39;-&#39;+$(day)+"  "+$(hour)+":"+$(minute)+":"+$(second);
				document.getElementById("date1").innerHTML=time;
			}
			setTime();
			setInterval(&#39;setTime()&#39;,500);
		</script>
	</body>
</html>
Copier après la connexion

Une petite astuce utilisant javascript, obtenez d'abord les différentes heures, combinez-les ensemble via des fonctions, puis utilisez document.getElementById().innerHTML=l'heure combinée. à imprimer.

Notez que la fonction doit être appelée une fois avant d'utiliser setinterval() (pour éviter que la page ne soit vide lors de sa première ouverture).

Recommandations associées :

JavaScript affiche dynamiquement la date et l'heure actuelles sur la page Web

JS implémente un affichage simple sur la page web Time method_javascript skills

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