第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

如果多次看到 JS 動(dòng)畫,如何禁用它?

如果多次看到 JS 動(dòng)畫,如何禁用它?

SMILET 2023-07-14 15:46:13
我有一個(gè) Laravel 5.8 項(xiàng)目。在主要方面,我有帶有 svg 元素的動(dòng)畫。三個(gè)字母JJK,一一出現(xiàn),有一定的超時(shí)時(shí)間。JS中有一個(gè)函數(shù)可以處理這個(gè)問(wèn)題。當(dāng)您第一次訪問(wèn)網(wǎng)站時(shí),動(dòng)畫還可以,但我想在您看過(guò)一次后停止動(dòng)畫。例如,如果您從主頁(yè)轉(zhuǎn)到子頁(yè)面然后返回,則動(dòng)畫會(huì)使側(cè)面渲染速度減慢 4 秒。我想改變它。將動(dòng)畫的出現(xiàn)次數(shù)限制為一次。我認(rèn)為有 svg 元素:并且JS文件中有代碼:$(document).ready(function () {  var timeout = 2000;    setTimeout(function () {        $('.header-col #j-1').css('opacity', '1');        setTimeout(function () {            $('.header-col #j-2').css('opacity', '1');        }, 400);        setTimeout(function () {            $('.header-col #k').css('opacity', '1');        }, 800);    }, timeout);    var timeout = 3000;    $('#jaciubek').children().each(function () {        var self = this;        timeout += 100;        setTimeout(function () {            $(self).css('opacity', '1');        }, timeout);    });    timeout = 3500;    $('#janiga').children().each(function () {        var self = this;        timeout += 100;        setTimeout(function () {            $(self).css('opacity', '1');        }, timeout);    });    timeout = 4000;    $('#kupiec').children().each(function () {        var self = this;        timeout += 100;        setTimeout(function () {            $(self).css('opacity', '1');        }, timeout);    });});有人有一些建議我該怎么做嗎?
查看完整描述

1 回答

?
繁星點(diǎn)點(diǎn)滴滴

TA貢獻(xiàn)1803條經(jīng)驗(yàn) 獲得超3個(gè)贊

有幾種方法。例如,您可以使用 cookie。但更現(xiàn)代的方法是使用LocalStorage API。

在運(yùn)行動(dòng)畫之前,請(qǐng)執(zhí)行如下檢查:

if (window.localStorage.getItem("SeenAnimation"))
   return; // Exit before starting the animation

在動(dòng)畫代碼中,當(dāng)動(dòng)畫完成(或用戶已看到“足夠”)時(shí),請(qǐng)執(zhí)行以下操作。

window.localStorage.setItem("SeenAnimation", true);

如果您只想在當(dāng)前會(huì)話中記住此設(shè)置,而不是永遠(yuǎn)記住,請(qǐng)改用window.sessionStorage。


查看完整回答
反對(duì) 回復(fù) 2023-07-14
  • 1 回答
  • 0 關(guān)注
  • 137 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)