この記事の例では、JSがWebページで簡単な表示時間をどのように実装するかについて説明します。参照のためにそれを共有してください。詳細は次のとおりです。
これは、WebクロックJSコード、純粋なJavaScriptの実装、時間、数分、秒を表示します。多くのWebタイムディスプレイとWebクロックがありますが、これは本当に簡単です。良いアーティストとの友人は、これに基づいてさらに美化し、改善することができます。
次のようにコードをコピーします。
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<Meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<Title>シンプルなWebクロック</title>
<style>
ボディ、div {マージン：0;パディング：0;}
body {color：#ffff; font：16px/1.5/5fae/8f6f/96c5/9ed1;}
#clock {width：300px; text-align：center; background：＃1a1a1a; margin：10px auto; padding：20px 0;}
SPAN {color：＃000; width：80px; line-height：2; background：#fbfbfb; border：2px solid＃b4b4b4; margin：0 10px; padding：0 10px;}
</style>
<スクリプト>
window.onload = function（）
{
var oclock = document.getElementById（ "clock"）;
var aspan = oclock.getelementsbytagname（ "span"）;
setinterval（gettimes、1000）;
gettimes（）;
関数getTimes（）
{
var odate = new date（）;
var adate = [odate.gethours（）、odate.getminutes（）、odate.getSeconds（）];
for（var i in adate）aspan [i] .innerhtml = format（adate [i]）
}
関数形式（a）
{
a.tostring（）。置き換え（/^（/d）$/、 "0 $ 1"）
}
}
</script>
</head>
<body>
<div id = "clock">
<span> </span>ポイント<Span> </span>分<Span> </span>秒
</div>
</body>
</html>
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。