停止按钮不停止?

问题描述:

我正在尝试为每秒将文本替换为div的程序制作一个“停止”按钮。停止按钮不停止?

下面的代码:

var Timer=setInterval(function(){first()}, 1000); 

function first() 
{ 

    var letter = document.getElementById("letter"); 
    var notes = ["A", "B", "C", "D", "E", "F", "G"]; 
    var quality1 = ["#", "b", " ", " "]; 

    var randomNotes = notes[Math.floor(Math.random() * notes.length)]; 
    var randomQuality1 = quality1[Math.floor(Math.random() * quality1.length)]; 

    var all = randomNotes + randomQuality1; 
    letter.innerHTML = all; 

    letter.replace("all","all"); 

} 

function stop() 
{ 
    clearInterval(Timer); 
} 

document.addEventListener("DOMContentLoaded", first, false); 

我是比较新的节目,但我不能找到一个解决办法!

+0

问题是什么? – zerkms

+0

你知道你可以这样做:'var Timer = setInterval(first,1000);',如果你没有任何参数传递给你的'first'函数。只是一个评论。 – PHPglue

你的代码工作得很好。下面是如何将其实现为HTML的示例:

<script> 
var Timer; 
window.onload=function(){Timer=setInterval(function(){first()}, 1000);} 

function first(){ 
    var letter = document.getElementById("letter"); 
    var notes = ["A", "B", "C", "D", "E", "F", "G"]; 
    var quality1 = ["#", "b", " ", " "]; 

    var randomNotes = notes[Math.floor(Math.random() * notes.length)]; 
    var randomQuality1 = quality1[Math.floor(Math.random() * quality1.length)]; 

    var all = randomNotes + randomQuality1; 
    letter.innerHTML = all; 

    letter.replace("all","all"); 

} 
function stop(){ 
    clearInterval(Timer); 
} 
</script> 
<input type="button" onclick="stop()" value="STOP"/> 
<div id="letter"></div>