skillup

技術ブログ

JavaScript

JavaScriptでの時計作成

投稿日:

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

基本的には

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

でOKです。

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

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

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

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

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

-JavaScript
-

執筆者:


comment

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

関連記事

no image

AngularJS テーブル行のソート入れ替え&ドラック&ドロップ

受注伝票みたいなものを作ると伝票の登録画面はヘッダーと明細に分かれますね。 私が携わったプロジェクトでは、大体一画面でヘッダー情報と明細情報を入力することが一般的でした。 今回AngularJSでその …

no image

jQuery子要素の取得方法など

jQueryで要素を取得する方法って$(“セレクタ”)しか知らなかったんですが、他にもいろいろあることがわかったのでちょっと紹介。 例えばtrの列の中に横1列に<inpu …

no image

JavaScriptのコールバック関数について

JavaScriptでのコールバック関数について。 たまにでてきますが、これまた慣れないと手間取ります。 コールバック関数に関してまとめると以下のような感じでしょうか。 ある関数(func1)の引数と …

no image

クリック編集のjQuery

最近のWEBサービスだと表示の画面と編集画面が同じになっていて、一見表示なんだけど、クリックすると特定の項目は編集できる、そんな画面がふえていきていますよね。 先日社内アプリをつくっていたところ、そう …

no image

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

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