시작 중지 재개 ajax

Question

이것은 togheter를 스크랩 한 스크립트입니다. 단지 기본 중지 시간 감시 스크립트입니다. 이력서를 추가하고 시작 버튼을 추가하는 방법에 대한 일부 입력을 원합니다. 그리고 멈출 때 멈출 때 시작할 때 아약스 호출을 보낼 수 싶습니다.

var timer; 
$(function() { 
    $('#dateTime').html(getDateTime()); 
    timer = setTimeout(function() { 
     update(); 
    }, 1000); 
    $('#btn').click(function() { 
     clearTimeout(timer); 
     var currentdatetime = getDateTime(); 
    }); 
}); 

function update() { 
    $('#dateTime').html(getDateTime()); 

    timer = setTimeout(function() { 
     update(); 
    }, 1000); 
} 

function getDateTime() { 
    var currentdate = new Date(); 
    var datetime = "Timer: " + currentdate.getDate() + "/" + (currentdate.getMonth() + 1) + "/" + currentdate.getFullYear() + " " + currentdate.getHours() + ":" + currentdate.getMinutes() + ":" + currentdate.getSeconds(); 
    return datetime; 
} 

Answer 1

var timer; 

function resume() { 
    update(); 
    $('#resume').off("click", resume); 
    $('#pause').on("click", pause); 
    // make start/resume ajax call here 
} 

function pause() { 
    clearTimeout(timer); 
    $('#resume').on("click", resume); 
    $('#pause').off("click", pause); 
    // make pause/stop ajax call here 
} 

function update() { 
    $('#dateTime').html(getDateTime()); 

    timer = setTimeout(function() { 
     update(); 
    }, 1000); 
} 

function getDateTime() { 
    var currentdate = new Date(); 
    var datetime = "Timer: " + currentdate.getDate() + "/" + (currentdate.getMonth() + 1) + "/" + currentdate.getFullYear() + " " + currentdate.getHours() + ":" + currentdate.getMinutes() + ":" + currentdate.getSeconds(); 
    return datetime; 
} 

$(function() { 
    resume(); 
});