jQuery : data()의 암묵적인 이벤트 setData, getData

$(document).bind('setData', function(evt, key, value){
if( key == 'clock'){
$('.updateTime').html(value);
}
});

var interval;
function start(){
interval = setInterval(function(){
$(document).data('clock', (new Date()).toString() );
}, 1000);
}

function cancel(){
clearInterval(interval);
}

data메서드가 실행할때마다 setData getData 이벤트가 발생한다.
Ajax으로 받아온 데이터를 응용하면 실시간으로 UI 반영하게 하는 형태로 만들수있다.

시작
중지

Time Zone