-
特定の桁のみ数字をルーレット表示させたい
トピックス by
1792 pt
2023年8月28日 17:17
549
PV
【作成したいこと】
７、８桁目の数字のみがランダムでルーレット表示されるようにできたらいいなと考えております！全ての桁が変わると見辛くなるかと考えられるため、78,000,000 56,000,000 62,000,000 のような数値参考と同じように、数字がぐるぐる回るようなWidgetがあれば嬉しいです。
【参考動画】
https://drive.google.com/file/d/1KVj3wBpVvBmmQ70KO7HSwm3sKpwzfHiG/view
-
1 コメント
-
ご要望にお応えして、新しいWidgetがSquad beyondに登場しました！
ウィジェット名: 査定カウンター（無限ループ/数値・スピード調整）※要Javascript
カテゴリ: 自動表示
[ 確認事項 ]
■ ストップする数値について
下記 javascript で設定が可能です。
ストップする数値をカンマ(,)区切りでここに設定して下さい。
-- 初期設定 --
const settingsNumber = [
78000000,
56000000,
62000000,
];■アニメーション
下記 Javascript で設定が可能です。
-- 初期設定 --
const settingsAnimation = {
duration: 2000, //カウンターが回転する時間(1秒 = 1000)
delay: 1000, // ストップして再開する時間(1秒 = 1000)
animation: 'cubic-bezier(0.65,-0.01, 0.12, 0.91)', //回転のアニメーション
}■ 単位表示の設定
下記 HTMLのせ設定でカウンターの最後に単位が追加されます。
<div class="random-counter-content" data-unit="円"></div>
単位が不要な場合は以下のようにご設定ください。
<div class="random-counter-content" data-unit=""></div>