2017-10-05 15 views
-1

안녕하세요 새로운 날짜, 시간 및 재료를 얻는 방법을 배웠습니다. 오늘은 간단한 시계를 만들었습니다. 괜찮 으면 좋겠지 만 현재 시간을 얻기 위해 페이지를 새로 고침해야합니다. 그래서 어떻게하면 더 현실감있게 만들 수 있습니까? 이 계산이기로 될 것, 그것을 표시 훨씬 더 매번 페이지를 다시로드하지 않고 현재 시간을 가져 오는 방법은 무엇입니까?

$(function() { 
 
    var d = new Date(), 
 
    currentDay = d.getDate(), 
 
    hour = d.getHours(), 
 
    minutes = d.getMinutes(), 
 
    seconds = d.getSeconds(); 
 

 
    if (hour < 10) { 
 
    hour = '0' + hour; 
 
    } 
 
    if (minutes < 10) { 
 
    minutes = '0' + minutes; 
 
    } 
 

 
    document.write(hour + ' : ' + minutes); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

답변

1

당신은 setInterval을 기능을 사용할 수 있습니다, 당신은 분을 보여주는 때문에 당신이 매 60 초 setInterval

$(function() { 
 
    
 
    function setTime(){ 
 
    var d = new Date(), 
 
    currentDay = d.getDate(), 
 
    hour = d.getHours(), 
 
    minutes = d.getMinutes(), 
 
    seconds = d.getSeconds(); 
 
    if (hour < 10) { 
 
    hour = '0' + hour; 
 
    } 
 
    if (minutes < 10) { 
 
     minutes = '0' + minutes; 
 
    } 
 

 
    document.write(hour + ' : ' + minutes); 
 
    } 
 
    
 
    setTime(); 
 
    setInterval(setTime,60000); 
 
    
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
를 호출 할 수 있습니다