Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何使我的动画工作后,我的网页,如果完全加载_Html_Jquery_Css - Fatal编程技术网

Html 如何使我的动画工作后,我的网页,如果完全加载

Html 如何使我的动画工作后,我的网页,如果完全加载,html,jquery,css,Html,Jquery,Css,我希望我的页面文本从底部到fadein,我正在使用它来实现fadein动画到我的文本,但我只希望它在加载屏幕完全加载后动画2秒…首先,我给了我文本显示的元素I容器none,以便不在我希望的时间内显示它。然后我尝试使用jquerysetTimeInterveal()函数在超时后显示,但它只显示,没有动画。。。。下面是我试过的代码 setInterval(()=>{ $(“#landed”).css(“显示”、“块”); $(“.products”).addClass(“动画制作速度”); },

我希望我的页面文本从底部到fadein,我正在使用它来实现fadein动画到我的文本,但我只希望它在加载屏幕完全加载后动画2秒…首先,我给了我文本显示的元素I容器none,以便不在我希望的时间内显示它。然后我尝试使用jquery
setTimeInterveal()
函数在超时后显示,但它只显示,没有动画。。。。下面是我试过的代码

setInterval(()=>{
$(“#landed”).css(“显示”、“块”);
$(“.products”).addClass(“动画制作速度”);
}, 2000);
#着陆{
显示:无;
}

软柯德斯
我们生产有效的产品
我们总部设在尼日利亚,但在全球范围内开展工作,与当地和国际客户合作,与我们一样重视设计

设置间隔将每两秒重复一次您的功能。您应该使用setTimeout来延迟执行

setTimeout(function(){
     $("#landed").css("display", "block");
      $(".products").addclass("animate__fadeInUp animate__slow");
},2000)
小提琴: