アニメーションの秒数を短くしたい | コミュニティ

タグ付き： widget, アンケート（ダミー結果表示）※要Javascript(アンケート)

コミュニティ

アニメーションの秒数を短くしたい

トピックス by widget初心者 1792 pt 2023年12月5日 19:44 80 PV
【Widget】

アンケート（ダミー結果表示）※要Javascript(アンケート)

【相談内容】

widgetクリック時のローディングアニメーションの表示時間を短くしたいです。現状が2秒ぐらいなので、1秒ぐらいに短縮したいですが、実際に見ながら秒数を調整したいためcss上で編集できる状態だと嬉しいです。

【相談ページ】

https://sb-preview.squadbeyond.com/articles/aOktGnNkOlktjjWhzHw/preview
widgetマスター 5 月, 1 週間前 2 人 · 1 コメント
- widget
- アンケート（ダミー結果表示）※要Javascript(アンケート)
1 コメント

widgetマスター

モデレータ

2023年12月5日 19:46

JavaScriptの下記箇所の数字を変更させてください！

function setView() {
    itemList.forEach(function(item) {
        let select = item.querySelector('.selecter');
        let result = item.querySelector('.results');
        let woodLine = result.querySelector('.wood-line');
        item.style.opacity = '0.7';
        loader.classList.add('open');
        let onTimer = setTimeout(function() {
            loader.classList.remove('open');
            item.style.opacity = '';
            select.style.display = "none";
            result.classList.add('show_result');
            woodLine.classList.add('widthimp');
            let offTimer = setTimeout(function() {
                woodLine.classList.remove('widthimp');
            }, 50)
        }, 1000) // ← ここを 2000 から 1000 に変更
    });
}

数字が短ければ短いほどアニメーションの秒数が短くなります！

プレビュー：https://sb-draft-preview.squadbeyond.com/articles/VRBZwsiyawXmcUtMApjw/draft?token=7438b77ce3f38a65f7f9561779f37039