ホームページ > ウェブフロントエンド > jsチュートリアル > Webページに時間を単純に表示するjsメソッド_javascriptスキル

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

WBOY
リリース: 2016-05-16 16:11:42
オリジナル
1483 人が閲覧しました

この記事の例では、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 プログラミング設計に役立つことを願っています。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート