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