skillup

技術ブログ

JavaScript

JavaScriptでの時計作成

投稿日:

今回はWebアプリで1秒ごとに更新されるデジタル時計の作成方法について。

基本的には

  1. 現在時刻を秒まで含めて表示
  2. その関数を一秒ごとに更新

でOKです。

ネットにどんぴしゃりのサンプルが落ちていたのでコピペします。現在時刻を表示し、1秒ごとに更新する処理も同時に書いてしまいます。

http://on-ze.com/archives/788

まあJavaScriptはいろいろとライブラリが不足しており、現在時刻をとるとかもすぐにはできず、通常だと上記のような処理が必要になります。

ところが以前紹介したsugar.jsというライブラリを読み込ませれば日付の表記が非常に簡単になるので以下のような書き方でOKです。

このライブラリかなり使ってましていろんなところで役立ちますので大変おすすめです。

-JavaScript
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

no image

npmでのjQueryライブラリの読み込み+datepickerメモ

npm経由でjQueryやDatepickerなど一般的なライブラリをrequireしてビルドする手法について。 以前も下記エントリーで書きましたが、再学習。 npmでのJSライブラリインストール&ビ …

no image

package.jsonによるタスクの実行

前回の記事でgulpによるタスクの実行を書きましたが、package.jsonでこれを行うこともできます。 てっきり依存ライブラリの記述だけかと思いますしたが、様々なタスクを実行できるようですね。イメ …

no image

jQuery modalダイアログについて&重複時間処理

Contents1 jqueryモーダルダイアログ1.1 あらかじめ読み込むライブラリ1.2 ソース本体1.2.1 Html側1.2.2 Javascript側1.2.3 参考リンク2 重複時間につい …

no image

モジュールバンドラrollupについて

モジュールバンドラというと一般的にはwebackが一般的ですが、rollupというモジュールバンドラを調査したところ、良さげな感じなので、ちょっとメモ。 サンプル https://github.com …

no image

Angular概論 モジュール、コントローラー、スコープなど

Contents1 Angularインストール2 ソース2.1 モジュール、スコープとコントローラ2.1.1  モジュールとは2.1.2 コントローラーとは2.1.3 スコープとは3 参考リンク An …