我一直在做很多研究,并试图找到一种方法来删除我的div。这是我的个人网站,我想有一个jQuery文本动画,但10秒后,我希望它停止。我想通过删除正在动画的div可以做到这一点。看起来我有一些东西可以使它工作(一个函数并调用它),但它似乎不起作用。10秒后删除div
function fadein() {
var fade = document.getElementById('fade');
fade.setAttribute("class", fade.getAttribute('class') + " loaded");
}
$(function() {
var txt = $('#textlzr');
txt.textualizer();
txt.textualizer('start');
setTimeout(stopText, 10000);
})
function stopText() {
$("#textlzr").remove();
console.log('I stopped!');
}
<link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
<script src="https://code.jquery.com/jquery.min.js"></script>
<body onload="fadein()">
<div id="fade">
<div id="textlzr">
<p> think outside the box </p>
<p> </p>
</div>
</div>
</body>
转换你的代码片段。什么是'txt.textualizer'? (你可以点击“Run code snippet”来查看错误信息 – Dekel
请扩展你的问题,正如@Dekekl提到的那样,函数'textualizer'在哪里?另外你在混合使用jQuery和native javascript。链接API。例如:'var fade = $('#fade');'。当你更新你的问题后,我会着手解决这个问题。 – lscmaro