亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如果多次看到 JS 動畫,如何禁用它?

如果多次看到 JS 動畫,如何禁用它?

SMILET 2023-07-14 15:46:13
我有一個 Laravel 5.8 項目。在主要方面,我有帶有 svg 元素的動畫。三個字母JJK,一一出現,有一定的超時時間。JS中有一個函數可以處理這個問題。當您第一次訪問網站時,動畫還可以,但我想在您看過一次后停止動畫。例如,如果您從主頁轉到子頁面然后返回,則動畫會使側面渲染速度減慢 4 秒。我想改變它。將動畫的出現次數限制為一次。我認為有 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 回答

?
繁星點點滴滴

TA貢獻1803條經驗 獲得超3個贊

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

在運行動畫之前,請執行如下檢查:

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

在動畫代碼中,當動畫完成(或用戶已看到“足夠”)時,請執行以下操作。

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

如果您只想在當前會話中記住此設置,而不是永遠記住,請改用window.sessionStorage。


查看完整回答
反對 回復 2023-07-14
  • 1 回答
  • 0 關注
  • 143 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號