2013-10-05 5 views
5

자바 스크립트를 사용하여 div 내부에 시계를 추가하고 싶습니다. 여기 내 코드 :Javascript : div에 텍스트를 추가 하시겠습니까?

<script type="text/javascript"> 
//<![CDATA[ 
function makeArray() { 
for (i = 0; i<makeArray.arguments.length; i++) 
this[i + 1] = makeArray.arguments[i]; 
} 

var months = new makeArray('January','February','March','April','May', 
'June','July','August','September','October','November','December'); 
var date = new Date(); 
var day = date.getDate(); 
var month = date.getMonth() + 1; 
var yy = date.getYear(); 
var year = (yy < 1000) ? yy + 1900 : yy; 

var timer = document.write(months[month]+ " " +day + ", " + year); 
document.getElementById('time').appendChild(timer); 
//]]></script> 

<div id='time'></div> 

하지만 작동하지 않습니다. 그것을 고칠 수 있도록 도와주세요. 감사합니다.

+1

"작동하지 않음"을 정의하십시오. – Utkanos

+1

잘 작동 http://jsfiddle.net/5Khyc/ –

+0

복사하면 오류가 붙여 넣기 –

답변

5

이 시도 :

var months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']; 
var date = new Date(); 
var day = date.getDate(); 
var month = date.getMonth(); 
var yy = date.getFullYear(); 
var year = (yy < 100) ? yy + 1900 : yy; 

var timer = document.createElement('div'); 
timer.innerHTML = months[month] + " " + day + ", " + year; 
document.getElementById('time').appendChild(timer); 

데모 here

+0

div가 이미 존재하는 이유는 무엇입니까? –

1

이 시도, 이것은 당신에게

var months = new Array('January','February','March','April','May', 
'June','July','August','September','October','November','December'); 
var date = new Date(); 
var day = date.getDate(); 
var month = date.getMonth() + 1; 
var yy = date.getYear(); 
var year = (yy < 1000) ? yy + 1900 : yy; 
var timer = months[month]+ " " +day + ", " + year; 
$('#time').html(timer); 

도움이 될 것입니다 또는 자바 스크립트에서 당신이 쓸 수

document.getElementById('time').innerHTML=timer; 
로 여기에 모든 요소를 ​​추가하지 않는 한

바이올린 Here

+0

도움 주셔서 감사합니다. –

+1

이것은'jQuery'와 함께 있습니다. 게시물에 태그가 지정되어 있지 않습니다 ... 답변에 이름을 붙이면 좋습니다. – Sergio

+1

자바 스크립트 @Sergio –

2

innerHTML을는 사업부에 텍스트를 쓸 수 있습니다. refernece에 대한

document.getElementById('time').innerHTML = months[month]+ " " +day + ", " + year; 

: http://jsfiddle.net/SpgMm/2/

당신이 정말로 더 나은 사용의 createElement을에 appendChild 사용하고 div에 그것을 추가하려는 경우.

희망 하시겠습니까?

P. 원시 javascipt를 다룰 때만 사용하십시오. 그렇지 않으면 Jquery html 메서드가 가장 좋습니다.

+1

원시 자바 스크립트를 다룰 때만 이것을 사용한다. 그렇지 않으면 Jquery html 메서드가 가장 좋다. – PSK

관련 문제