ホームページ制作会社ストロールネット » JavaScript

FORM を使わずリアルタイムに文字を変更する

Strollnet — Mon, 19 Apr 2010 19:37:45 +0000

innerHTMLを使って、リアルタイムに文字列を変更します。
アクセスカウンターの表示や、ジャンプページのカウントダウンなどで使えそうですね。

サンプル

0秒経過

サンプルソース

JavaScript + HTML

[javascript] 0秒経過 [/javascript]

時刻をリアルタイムで表示する

Strollnet — Mon, 19 Apr 2010 19:16:39 +0000

setTimeout()を使用し、時刻をリアルタイムで表示します。

サンプル

サンプルソース

JavaScript + HTML

[html] [/html] [javascript] [/javascript]

指定日からの経過日数を表示する

Strollnet — Mon, 19 Apr 2010 19:11:10 +0000

指定日からの経過日数を表示します。

サンプル

サンプルソース

JavaScript + CSS

[javascript] [/javascript]

テキストをランダムに表示する

Strollnet — Mon, 19 Apr 2010 19:02:43 +0000

Math.random()を使用し、テキストをランダムに表示します。

サンプル

このページを更新すると、下記文章がランダムで変更されます。

サンプルソース

JavaScript + CSS

[javascript] [/javascript]

曜日によって文章を変える

Strollnet — Mon, 19 Apr 2010 19:00:08 +0000

getDay()を使用し、ページへアクセスした曜日によって文章を変えます。

サンプル

サンプルソース

JavaScript + CSS

[javascript] [/javascript]

月によって文章を変える

Strollnet — Mon, 19 Apr 2010 18:54:25 +0000

getMonth()を使用し、ページへアクセスした月によって文章を変えます。

サンプル

サンプルソース

JavaScript + CSS

[javascript] [/javascript]

日によって文章を変える

Strollnet — Mon, 19 Apr 2010 18:49:58 +0000

getDate()を使用し、ページへアクセスした日(現在日)によって文章を変えます。

サンプル

サンプルソース

JavaScript + CSS

[javascript] [/javascript]

時間によって文章を変える

Strollnet — Mon, 19 Apr 2010 18:31:55 +0000

getHours()を使用し、ページへアクセスした時間(現在時間)によって文章を変えます。

サンプル

サンプルソース

JavaScript + CSS

[javascript] [/javascript]

アクセス日と最終更新日を表示する

Strollnet — Mon, 19 Apr 2010 18:14:10 +0000

対象ファイルへのアクセス日と対象ファイルの最終更新日を表示します。
動的ページの場合は、アクセス日＝更新日となりますのでご注意を。

サンプル

サンプルソース

JavaScript + CSS

[javascript] [/javascript]

画像スライドメニュー

Strollnet — Mon, 19 Apr 2010 18:02:55 +0000

オンマウスで画像をスライドさせます。
マウスを離すと元の位置に戻ります。
Horizontal Accordion のページから、JavaScript、CSS等をダウンロードできます。

サンプル

サンプルソース

JavaScript + CSS

[javascript] [/javascript]

HTML

[html]

[/html]