js・jQuery・phpの3種どれかで構わないのですが
1秒毎に1ずつ増やして、尚且つ3桁ごとにカンマ区切りするカウントアップを作りたいのですが
何をどうしたら良いのか分かりません・・・・
html内のソースに直に数字を指定する方法はわかるのですが、
数字を指定しないでするカウントアップがわかりません。
どなたか、お詳しい方ご教授お願いいたします。
No.2
4973
2154
こんな感じ。
<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 秒でのカウントにしてます
No.1
50
「html内のソースに直に数字を指定する方法」というのが
直接HTML内で123,456,789と書き込むという認識でコメントします。
すごく極端な例ですけど、
https://www.webdlab.com/guide/jquery-new-date/
これは日付ですが、何かを処理して結果を表示するというのは
かわらないです。
「1秒毎に1ずつ増やして、尚且つ3桁ごとにカンマ区切りするカウントアップ」
ということであれば、その処理が
というようなやつを書くことになると思います。
なみかわみさき様。
返答頂いていたにも拘らずご連絡遅くなりまして大変申し訳ございませんでした。
HTMLの中に記述する方法はなるべく避けたいもので違う方法を探していたところでです。
お忙しい中のご返答ありがとうございました。
No.2
49732154
ここでベストアンサー
こんな感じ。
<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 秒でのカウントにしてます
a-kuma3様。
ご連絡頂いていたにも拘らずご返信できなく誠に申し訳ございませんでした。
自分の考えていたソース通りのご回答大変ありがたく存じます。
こちらの回答をで、出来ましたので誠に感謝いたします。
ありがとうございました。
1
1
2
1
1
0
a-kuma3様。
2018/01/25 10:24:18ご連絡頂いていたにも拘らずご返信できなく誠に申し訳ございませんでした。
自分の考えていたソース通りのご回答大変ありがたく存じます。
こちらの回答をで、出来ましたので誠に感謝いたします。
ありがとうございました。