• widgetマスター

    モデレータ
    2023年8月30日 12:59

    ご要望にお応えして、新しいWidgetがSquad beyondに登場しました!

    ウィジェット名: 査定カウンター(無限ループ/数値・スピード調整)※要Javascript

    カテゴリ: 自動表示

    設置例: https://sb-draft-preview.squadbeyond.com/articles/BVQfWTcCOaSi_dxsew/draft?token=435b493d2f3ed648b1c1f82e04b98b1c

    [ 確認事項 ]

    ■ ストップする数値について

    下記 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>