Edit in JSFiddle

// 초기 숫자의 값을 지정해 줍니다.
var num = 0;

// 3초마다 이 setInterval 메소드 안의 함수가 실행이 됩니다.(자동)
var inter = setInterval(function(){
    
    // span 요소를 만들고 스펜 요소의 내용으로 변수 num 을 넘겨줍니다. 그런 값을 body 에 삽입하게 됩니다.
    $("<span>" + num + ", " + "</span>").appendTo("body");
    
    // num위의 동작을 하고 난후 num 값을 1씩 증가시키게 합니다.
    num++;
},3000)

// button 요소를 클릭하게 되면 다음과 같은 행동을 합니다.
$("button").click(function(){
    // 현재 진행되고 있는 inter 란 이름을 가진 setInterval 메소드를 제거합니다.
    clearInterval(inter);
})

<button type="button">Stop!</button>