時間表示

jQuery

今日の年月日をスロット風アニメーションで表示 jQuery $.each()とfor()

Adobe XDの無料キットに数字をスロット風に回転して表示させるNumber counterというものがあったので、これを日付に変えて実装してみました。今日の日付を取得し、jQuery $.each()メソッドとfor()文でDOMに数字を追加します。
jQuery

CSS 文字(数字)を円形に配置してアナログ時計作成 jQueryで自動配置も可能

数字を円形に配置、アナログ時計を作成する方法を紹介いたします。文字の円形配置方法、時計針の角度変更方法を解説します。jQueryで不特定文字数を円形に配置することも可能です。文字の向きも水平方向、内向き方向、外向き方向のパターンを紹介しています。
jQuery

jQuery モーダルを一定時間経過後に表示(背景固定) キャンペーンや広告等に モーダル解除後は背景は元の位置に

サイトを開いてから一定時間経過したら、キャンペーンや広告等をモーダルで表示させる方法。 モーダル表示中は、背景は固定しスクロールもできない状態に。モーダル非表示後は、ページのスクロール位置は元位置に戻る。モーダル系プラグインなし。
jQuery

jQueryでWEBサイトの記事文字数をカウントし、冒頭に読み終わる時間を表示! WordPress等のプラグインなし

jQueryのlengthメソッドを使って、記事内の改行や空白を除く(正規表現を使用)文字数をカウント。1分間で読める時間に計算した後「この記事は●●分で読めます」と表示させます。1分間に読める文字数は400~600文字程と言われています。
jQuery

WEBサイトの入力日付を受取り、現在日までの日数を計算し表示 JavaScriptとjQuery Datepicker

jQuery DatepickerとJavaScriptで、ユーザーが入力した日付から現在日までの日数を計算し表示。 現在日から特定の過去の日を引き算。 生まれた日からの計算をしたり、ダイエット期間を計算したり等に使用可能だと思います。
jQuery

期間限定日までの残り日数と時間をWEBサイトに表示 javascriptで将来日時から現在日時を引き算・繰り返す方法

「あと何時間で今日中にお届けします。」「キャンペーン終了日まであと何日です。」といった、期限日までの残り日数・時間を表示するための方法。 時間の取得はJavaScriptで行い、jQueryのtextメソッドで要素の数字を更新しています。
HTML&CSS

CSSでガラス風のプレートを作成 文字を彫ったように表示したり、取得した時刻をデジタル表示したり

CSSで透け感のあるガラスやアクリル板のようなプレートを作成し壁に取る付けてあるかのように。文字を彫ったように表示させるものと、時刻をデジタル表示させるもの2つ作成しています。 デジタル時計表示の記事の紹介もあります。
jQuery

サイトにアナログ時計表示 JavaScriptで時間取得し、jQueryで時計針の角度を計算 CSSで円形の時計に

前回、デジタル時計をサイトに表示させてみました。 序にアナログ時計も作成してみました。 JavaScriptで現在時間を取得し、jQueryのcssメソッドを使い、transformプロパティで時計の短針と長針の角度を変更していきます。
jQuery

WEBサイトにデジタル時計を表示 オブジェクトに関数を渡してループ処理、CSSで数字毎にバーを表示

JavaScriptで現在時間を取得し、jQueryとCSSでWEBサイト上に時刻をデジタル表示してみました。 単に時刻を表示するだけのバージョンと、時計に見立てたバージョンを作成しました。 時刻をWEBサイトに表示する機会は少ないかもと思いますが。
スポンサーリンク
タイトルとURLをコピーしました