上一篇: jQuery Mobile加载消息下一篇:jquery – 如何将div的内容克隆到...

另一个功能完成后执行jquery功能

jQuery 发布时间：2022-03-30 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了另一个功能完成后执行jquery功能，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

我想在另一个自定义函数完成后执行自定义jquery函数
第一个功能用于创建“打字”效果 @H_489_3@function Typer() { var srcText = 'EXAMPLE '; var i = 0; var result = srcText[i]; seTinterval(function() { if(i == srcText.length) { clearInterval(this); return; }; i++; result += srcText[i].replace("\n","<br />"); $("#message").html( result); },100); }

第二个功能发声

@H_489_3@function playBGM() { document.getElementById('bgm').play(); }

我一个接一个地呼唤这个功能

@H_489_3@Typer(); playBGM();

但是随着文本的打字，声音开始播放。
打印完毕后，我想播放声音。

这是我试过的：http://jsfiddle.net/GkUEN/5/

如何解决这个问题？

解决方法

你应该使用一个回调参数： @H_489_3@function Typer(callBACk) { var srcText = 'EXAMPLE '; var i = 0; var result = srcText[i]; var interval = seTinterval(function() { if(i == srcText.length - 1) { clearInterval(interval); callBACk(); return; } i++; result += srcText[i].replace("\n","<br />"); $("#message").html(result); },100); return true; } function playBGM () { alert("Play BGM function"); $('#bgm').get(0).play(); } Typer(function () { playBGM(); }); // or one-liner: Typer(playBGM);

所以，你传递一个函数作为参数(回调)，如果在返回之前将被调用。

另外，this是一篇关于回调的好文章。

JSFIDDLE