人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

人力検索はてなで始めて質問させて頂きます。
js・jQuery・phpの3種どれかで構わないのですが
1秒毎に1ずつ増やして、尚且つ3桁ごとにカンマ区切りするカウントアップを作りたいのですが
何をどうしたら良いのか分かりません・・・・

html内のソースに直に数字を指定する方法はわかるのですが、
数字を指定しないでするカウントアップがわかりません。

どなたか、お詳しい方ご教授お願いいたします。

●質問者: freedesign-all
●カテゴリ:コンピュータ インターネット
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● なみかわみさき

「html内のソースに直に数字を指定する方法」というのが

直接HTML内で123,456,789と書き込むという認識でコメントします。


すごく極端な例ですけど、
https://www.webdlab.com/guide/jquery-new-date/

これは日付ですが、何かを処理して結果を表示するというのは
かわらないです。

「1秒毎に1ずつ増やして、尚且つ3桁ごとにカンマ区切りするカウントアップ」
ということであれば、その処理が

というようなやつを書くことになると思います。


freedesign-allさんのコメント
なみかわみさき様。 返答頂いていたにも拘らずご連絡遅くなりまして大変申し訳ございませんでした。 HTMLの中に記述する方法はなるべく避けたいもので違う方法を探していたところでです。 お忙しい中のご返答ありがとうございました。

2 ● a-kuma3
ベストアンサー

こんな感じ。

<span id="count"></span>

<script type="text/javascript">
(_ => {
 let n = 12345678;
 const interval = 1000;
 const three_comma = n => String(n).replace( /(\d)(?=(\d\d\d)+(?!\d))/g, '$1,');
 const dest = document.getElementById("count");
 setInterval(_ => {
 dest.innerHTML = three_comma(n);
 n += 1;
 }, interval);
})();
</script>


JSFiddle で試してみたのが、こちら。
https://jsfiddle.net/q5ab9er7/

# JSFiddle の方は、0.1 秒でのカウントにしてます


freedesign-allさんのコメント
a-kuma3様。 ご連絡頂いていたにも拘らずご返信できなく誠に申し訳ございませんでした。 自分の考えていたソース通りのご回答大変ありがたく存じます。 こちらの回答をで、出来ましたので誠に感謝いたします。 ありがとうございました。
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ