Cet exemple d'article décrit comment JS implémente le temps d'affichage simple sur les pages Web. Partagez-le pour votre référence. Les détails sont les suivants:
Il s'agit d'un code JS d'horloge Web, d'une implémentation JavaScript pure, d'affichage du temps, des minutes et des secondes. Il existe de nombreux affichages de temps Web et horloges Web, ce qui est vraiment simple. Les amis avec de bons artistes peuvent les embellir et les améliorer sur cette base.
Copiez le code comme suit: <! Doctype html public "- // w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<adal>
<meta http-equiv = "contenu-type" contenu = "text / html; charset = utf-8" />
<Title> Clock Web simple </TITME>
<style>
corps, div {marge: 0; rembourrage: 0;}
Corps {couleur: #ffff; police: 16px / 1.5 / 5fae / 8f6f / 96c5 / 9ed1;}
#clock {width: 300px; text-align: Centre; fond: # 1A1A1A; marge: 10px auto; rembourrage: 20px 0;}
Span {Color: # 000; largeur: 80px; line-height: 2; arrière-plan: #fbfbfb; bordure: 2px solide # b4b4b4; marge: 0 10px; padding: 0 10px;}
</ style>
<cript>
window.onload = function ()
{
var oclock = document.getElementById ("horloge");
var aspan = oclock.getElementsByTagName ("span");
setInterval (getTimes, 1000);
getTimes ();
fonction getTimes ()
{
var odate = new Date ();
var adate = [odate.Gethours (), odate.getMinutes (), odate.getSeconds ()];
pour (var i dans adate) aspan [i] .innerhtml = format (adate [i])
}
Format de fonction (a)
{
retour a.toString (). Remplacer (/ ^ (/ d) $ /, "0 1 $")
}
}
</cript>
</ head>
<body>
<div id = "horloge">
<span> </span> Points <span> </span> minutes <span> </span> secondes
</div>
</docy>
</html>
J'espère que cet article sera utile à la programmation JavaScript de tous.