Javascript 向jQuery键入效果函数添加命令

Javascript 向jQuery键入效果函数添加命令,javascript,jquery,Javascript,Jquery,我已经开始使用jQuery,并尝试在页面中实现一些声音效果,特别是键入声音以匹配键入算法 我希望它在完成文本键入后(使用document.getElementById('Type').pause())自动关闭键入声音 在哪里插入代码?在jQuery开始键入时简单地执行它之后放置一行代码,这不是我需要的 以下是我得到的: <head> <title> Test</title> <body> <span style="font-size: 3.

我已经开始使用jQuery,并尝试在页面中实现一些声音效果,特别是键入声音以匹配键入算法

我希望它在完成文本键入后(使用document.getElementById('Type').pause())自动关闭键入声音

在哪里插入代码?在jQuery开始键入时简单地执行它之后放置一行代码,这不是我需要的

以下是我得到的:

<head>
<title> Test</title>

<body>
<span style="font-size: 3.5em" id="holder1"></span>
<div  overflow-y: hidden;"><audio id="Type" src="Type.mp3" autoplay >
</body>
<script type= "text/javascript" src = "javascripts\jquery-1.11.2.js"></script>
<script type= "text/javascript">
//Function for typing

(function($) {
    $.fn.writeText = function(content) {
        var contentArray = content.split(""),
            current = 0,
            elem = this;
        setInterval(function() {
            if(current < contentArray.length) {
                elem.text(elem.text() + contentArray[current++]);
            }
        }, 100);

    };

})(jQuery);
$("#holder1").writeText("This is the first paragraph");

</script>

试验

仅供参考,您的间隔计时器将永远运行。当它到达字符串末尾时,您应该使用
clearTimeout()
停止它。这仍然是一个新问题,我应该把它放在哪里,函数中是否有一个变量?