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

不言original: 2018-08-22 11:43:393343parcourir

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>

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!

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：Combien existe-t-il de façons d’implémenter le chargement paresseux en js ? Introduction à six méthodes de chargement paresseux en jsArticle suivant：Combien existe-t-il de façons d’implémenter le chargement paresseux en js ? Introduction à six méthodes de chargement paresseux en js

Articles Liés

Voir plus