Webページに時間を単純に表示するjsメソッド_javascriptスキル

この記事の例では、js を使用して Web ページに時刻を単純に表示する方法を説明します。皆さんの参考に共有してください。詳細は以下の通りです。

これは純粋な JavaScript で実装された Web 時計の JS コードで、時間、分、秒を表示します。 Web の時間表示や Web 時計はたくさんありますが、これは非常にシンプルです。アートが得意な友人は、これをベースにさらに美しく改良することができます。

コードをコピー コードは次のとおりです:

<頭>


<スタイル>
body,div{マージン:0;パディング:0;}
ボディ{カラー:#fff;フォント:16px/1.5 5fae8f6f96c59ed1;}
#時計{幅:300px;テキスト整列:センター;背景:#1a1a1a;マージン:10px自動;パディング:20px 0;}
スパン{カラー:#000;幅:80px;行の高さ:2;背景:#fbfbfb;ボーダー:2px ソリッド #b4b4b4;マージン:0 10px;パディング:0 10px;}

<スクリプト>
window.onload = function ()
{
var oClock = document.getElementById("時計");
var aSpan = oClock.getElementsByTagName("スパン");
setInterval(getTimes, 1000);
getTimes();
function 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)
{
return a.toString().replace(/^(d)$/, "0$1")
}
}

ポイント分秒

この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。