JavaScriptを使って最終更新日を表示する
ホームページやブログなどのウェブサイトで 最終更新日を表示したい場合は、 JavaScript を使うと便利です。サーバから保存日時を取得して、自動で最終更新日を 表示させることができます。
このサンプルのソースは、次のようになっています。
TOPページ ＞ タイマーや日付、日時を扱う
タイマーや日付、日時を扱う
タイマーや日付、日時を扱う
ブログでも使える簡単なJavaScriptをご紹介します。JavaScriptを使えば、マウスが重なったときに色や表示内容を変えるなど、ページを動的に変化させることができます。
HTMLは基本的に大文字でも小文字でもかまいませんが、JavaScriptは大文字・小文字を区別しますので ソースは正しく記述しましょう。
2006年05月22日
2006年05月19日
JavaScriptで文字を点滅させる
ホームページやブログなどのウェブサイトで文章を表示させる際に、 Netscape や i モードではBLINKタグを使用して 点滅させることができますが、このタグは InternetExplorer が対応していません。
InternetExplorer と Netscape のどちらでも点滅して表示させたい場合は、JavaScript を使用することをおすすめします。
この文字は、JavaScriptで点滅させています。
このサンプルのソースは、次のようになっています。
2006年04月11日
JavaScriptを使って現在の時刻を表示する
簡単な JavaScriptを使って、ホームページやブログなどのウェブサイトに 現在の日付や時刻を表示することができます。
1秒ごとに処理を繰り返すことで、タイムリーな時刻表示が可能です。パソコンの日時を使用しますので、パソコンの日時の設定が正確である必要があります。
このサンプルで使用するJavaScriptのメソッドは次のようになります。
2006年04月10日
JavaScriptを使って今日の日付を表示する
簡単な JavaScriptを使って、ホームページやブログなどのウェブサイトに 今日の日付を表示することができます。パソコンの日時を使用しますので、パソコンの日時の設定が正確である必要があります。
ページが表示されるときに日時を取得しますので、リロードするまで日付は変わりません。秒数など、動的な表示をしたい場合はこちらをご覧ください。→JavaScriptを使って現在の時刻を表示する
このサンプルで使用するJavaScriptのメソッドは次のようになります。
2006年04月04日
JavaScriptを使ってクッキングタイマーを作る
JavaScript でフォームデータを制御する場合、action や method の指定は不要です。簡単なJavaScriptを使って、クッキングタイマーを作る例をご紹介します。
このサンプルで使用している JavaScriptのイベントおよびタイマーは次の通りです。
2006年03月31日
文字をスクロールして表示する
ホームページやブログなどのウェブサイトに文字を表示する際に、簡単な JavaScript を使って文字をスクロールさせることができます。
限られたスペースに大量の文章を表示させたい場合に便利です。
このサンプルで使用している JavaScript のメソッドは、下記のようになります。
IEの方はこちらから当サイト ブックマークできます。
ランキング参加中!お役に立てたら
クリックをお願いします。
当サイト掲載カテゴリは
コンピュータとインターネット > データ形式 > HTML > リファレンス
コンピュータとインターネット > データ形式 > HTML > リファレンス
- HTMLの基礎
- スタイルシート（CSS）の記述
- 簡単JavaScript
- 簡単Perl/CGI
- 色を指定する/カラー見本
- 記事の投稿
- テーブルを作成する
- フィルタ（特殊）効果で文字や画像を修飾する
- フォームを作成する
- リンクを貼る
-
文字を修飾する（書体、色、大きさなど...）
- 文字の大きさを指定する（FONTタグ）
- 文字の修飾方法を指定する
- 文字を点滅させる
- ルビ（ふりがな）の位置揃えを指定する
- ルビ（ふりがな）の表示位置を指定する
- 文字にルビ（ふりがな）を付ける
- 文章の一部にスタイルを適用する
- 文字を等幅文字にする
- 文章の書体、サイズ、行の高さ、スタイルをまとめて指定する
- 文章の書体を指定する（スタイル指定）
- 文章の段落を指定する
- 文字をイタリック/斜体にする
- 文字の書体を指定する（専用タグ）
- 文字に下線をつける（アンダーライン）
- 文字を見え消しにする（取消線）
- 文字を強調する
- 文字の太さを指定する
- 文字を太字にする
- 上付き/下付き文字にする
- 文字の色を変える
- 文字を一段大きく/小さくする
- 文字の大きさを指定する（スタイル指定）
-
文章を修飾する（背景色、画像、枠など...）
- フィールド指定して文章を枠で囲む
- 文字や文章、画像の行揃えを指定する
- 文章や文字、画像を囲む枠の太さ、色、種類をまとめて指定する
- 文章や文字、画像を囲む枠の種類を指定する
- 文字や文章、画像を囲む枠の色を指定する
- 文章や文字、画像を枠で囲む
- マージンとパディングの違い
- 余白を入れる（パディング）
- 余白を入れる（マージン）
- 改行する/改行を禁止する
- 文章の背景色、背景画像、配置方法をまとめて指定する
- 文字や文章、テーブルなどの背景画像の位置を指定する
- 文章の背景に画像を固定表示する
- 文章の背景に指定した画像を繰返し表示する
- 段落文章の横幅を指定する
- 文章の行間隔を指定する
- 文章の背景画像を指定する
- 文章の背景色を指定する
- 段落の表示（表示位置、表示/非表示など...）
- 水平線を表示する
- 特殊文字、その他
- 画像を表示する/動画/サウンド
- 箇条書きにする