首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Javascript setTimeout运行两次?

Javascript setTimeout运行两次?
EN

Stack Overflow用户
提问于 2012-09-11 22:32:59
回答 3查看 1.8K关注 0票数 1
代码语言:javascript
运行
复制
$(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动画,然后下一个在前一个完成后动画。有什么想法吗?

EN

Stack Overflow用户

发布于 2012-09-11 22:38:50

@zzzzBov是对的,JS是一种函数式语言:

代码语言:javascript
运行
复制
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(){});几乎相同--您总是将函数作为参数进行传递。

票数 0
EN
查看全部 3 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/12372122

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档