$(document).ready(function(){
    $('#home-buzz-1').fancyTypewriter({type:true, steps:3, timeBetweenSteps:25, 'mouseOver': false, underScore:true});
    setTimeout("$('#home-buzz-2').css('display','inline');$('#home-buzz-2').fancyTypewriter({type:true, steps:3, timeBetweenSteps:25, 'mouseOver': false, underScore:true});",3000);
    setTimeout("$('#home-buzz-3').css('display','inline');$('#home-buzz-3').fancyTypewriter({type:true, steps:3, timeBetweenSteps:25, 'mouseOver': false, underScore:true});",4500);
});我正在尝试用Fancy Typewriter插件在这个页面上编写一个动画--它将一个元素中的文本放入其中,并用它制作一个漂亮的输入动画。但最后两个具有setTimeout函数的div运行两次。我的想法是,我想要一个div动画,然后下一个在前一个完成后动画。有什么想法吗?
发布于 2012-09-11 22:38:50
@zzzzBov是对的,JS是一种函数式语言:
setTimeout(function()
{
    $('#home-buzz-3').css('display','inline');
    $('#home-buzz-3').fancyTypewriter({type:true, steps:3, timeBetweenSteps:25, 'mouseOver': false, underScore:true});
},4500);所以setTimout期望传递一个函数,而不是一个字符串常量。它与$(document).ready(function(){});几乎相同--您总是将函数作为参数进行传递。
https://stackoverflow.com/questions/12372122
复制相似问题