2013-10-05 79 views
5

我想用javascript來將時鐘追加到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); 

或者在Javascript中你可以寫爲

document.getElementById('time').innerHTML=timer; 

小提琴Here

+0

感謝您的幫助。 –

+1

這是與'jQuery',這是不是在帖子中標記...很好在你的答案中的名稱。 – Sergio

+1

在java腳本上轉換並不困難@Sergio –

2

的innerHTML可以把文本寫入DIV,你在這裏沒有任何附加元素。

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

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

,如果你真的想用更好的appendChild使用的createElement,然後添加它來覈實。

希望它有幫助

P.S.只有在處理原始javascipt時才使用此方法,否則jquery html方法是最佳選擇。

+1

只有在處理原始javascipt時才使用這個,否則jquery html方法是最好的選擇。 – PSK