技術ブログ

プログラミング、IT関連の記事中心

JavaScriptで一定時間毎に処理を実行する方法(setInterval)

目次 はじめに 一定時間毎に処理 はじめに 本記事では、一定時間毎に処理を実行する方法を記載します。 画面表示後からX秒毎に処理を行うなどの場合に使用することができます。 一定時間毎に処理 以下が、サンプルボタンです。 押下する事で、1秒毎にコンソ…

JavaScriptで一定時間後に処理を実行する方法(setTimeout)

目次 はじめに 一定時間後に処理 はじめに 本記事では、一定時間後に処理を実行する方法を記載します。 ボタン押下したX秒後に処理を行うなどの場合に使用することができます。 一定時間後に処理 以下が、サンプルボタンです。 押下する事で、5秒後にダイア…

HTMLとJavaScriptでプログレスバーの実装(progress)

目次 はじめに プログレスバー はじめに プログレスバーとは、ダウンロードや何らかの処理の進捗を表示するバーのことです。 ゲームのインストール中などによく表示されます。 ここでは、HTMLの標準のprogressタグを使用して、プログレスバーの表示と進捗変…

JavaScriptで入力ダイアログを表示する方法(prompt)

目次 はじめに 入力ダイアログ 入力ダイアログに初期値を設定 入力ダイアログの入力結果取得 はじめに ダイアログには様々な種類があります。 通常のダイアログ(alert)と、YesかNoかを選択させるダイアログ(confirm)と、入力を受け付けるダイアログ(pro…

JavaScriptで確認ダイアログを表示する方法(confirm)

目次 はじめに 確認ダイアログ 確認ダイアログのボタン押下結果を確認 はじめに ダイアログには様々な種類があります。 通常のダイアログ(alert)と、YesかNoかを選択させるダイアログ(confirm)と、入力を受け付けるダイアログ(prompt)などがあります。…

JavaScriptでアラートダイアログを表示する方法(alert)

目次 はじめに アラートダイアログ はじめに ダイアログには様々な種類があります。 通常のダイアログ(alert)と、YesかNoかを選択させるダイアログ(confirm)と、入力を受け付けるダイアログ(prompt)などがあります。 本記事では、通常のダイアログ(al…

HTML/CSSで入力項目のプレースホルダーの文字色を変更する方法

目次 プレースホルダーの色を変える方法 特定のテキストフィールドのプレースホルダーの文字色を変更する方法 プレースホルダーの色を変える方法 以下のようにCSSを定義する事でプレースホルダーの色を変える事ができます。 ::placeholder { color: orange; …