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