将命令添加到jQuery输入效果函数

时间:2015-02-27 02:41:20

标签: javascript jquery

我开始使用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>

0 个答案:

没有答案