2014-02-11 36 views
0

所以我有一個js文件,我們稱它爲foo.js,它有一個變量計數;這個計數是我想要顯示在HTML端的文本框中,這是一個單獨的文件。Javascript訪問我的html文本框中的變量

如何製作文本框,引用每分鐘不斷更新的變量?

這裏是我試過到目前爲止,

<script type="text/javascript"> 
     var elem = document.getElementById("count"); 
     elem.value = countVal; 
     </script> 

在哪裏我想表明它在HTML:

形狀:

如果我設置elem.value 5,或世界你好,它的工作原理,但我想將它設置爲不斷更新的js值在一個單獨的頁面。我也嘗試在我的js文件中創建一個函數,在那裏我返回變量,然後在html標記中調用該函數,但那也不起作用。

我是JS新手,我很感謝您的幫助。

謝謝。

編輯: 這不是一個時間間隔,我有一個變量,基於一些圖紙,計算繪製的形狀,我想把它帶到前端。這算。

更多的代碼:

我在.js文件功能文件

function getShapeNumbers(){ 
    return shapeCount; 
} 



<script type="text/javascript"> 
      var elem = document.getElementById("shapeCount"); 
      elem.value = getShapeNumbers(); 
      </script> 

,我想它顯示

Shapes:<input type="text" size="25" style="width:50px;" id ="shapeCount" /> 

即使我改變我的函數返回在文本框中未定義返回50,它顯示未定義。如果我只是elem.value到50,那麼工作。我希望它設置爲我的全局變量

+2

直視[的setInterval(https://developer.mozilla.org/en-US/docs/Web/API/Window.setInterval)它可以讓你在你指定的時間間隔執行代碼 –

+0

@NathanP。它是一個自動更新的變量,它不是用戶特定的。我只想在前端顯示這個js變量,就這些。 – user3299254

+0

@PatrickEvans鏈接沒有幫助。 – user3299254

回答

0

當您運行代碼elem.value = newvalue時,您的js文件可能尚未被瀏覽器加載。

運行這只是所有文檔HTML內容後加載:

window.onload = function(){ 
    document.getElementById('shapeCount').value = shapeCount; 
}; 

此外,考慮更新變量時直接input更新。

的jsfiddle:http://jsfiddle.net/bx4SU/