2016-11-12 33 views
0

這是我的代碼:我的JavaScript定時器有什麼問題?

var hour = 00 
 
var minute = 00 
 
var second = 00 
 
var milisecond = 00 
 

 
function hour1() { 
 
    var hour = hour + 1; 
 
    document.getElementById("hour").innerHTML = hour1; 
 
} 
 
window.setInterval(hour1, 1000);
<div id="container"> 
 
    <div id="hour"> 
 
    <h1>00:</h1> 
 
    </div> 
 
    <div id="minute"> 
 
    <h1>00:</h1> 
 
    </div> 
 
    <div id="second"> 
 
    <h1>00</h1> 
 
    </div> 
 
    <div id="milisecond"> 
 
    <h3>00</h3> 
 
    </div> 
 
</div>

當我運行它,它說:

function hour1() { var hour = hour + 1; document.getElementById("hour").innerHTML = hour1; }

我該如何解決呢?

我試圖讓變量每分鐘上升1秒等,但它不工作。這是我第一次試圖用JavaScript實現某些功能,對不起,如果我遺漏了一些非常簡單的東西

+2

錯字:。變化'的document.getElementById( 「小時」)的innerHTML = hour1;' 到'的document.getElementById( 「小時」)的innerHTML =小時;'並取出var第二個'var hour = hour + 1;' - 那將是第二個:) – mplungjan

+2

你有一個錯字,將innerHtml設置爲hour而不是hour1 –

+0

這裏是一個更清潔的開始https://jsfiddle.net/mplungjan/e1woypzp/ – mplungjan

回答

0

如果你需要有時鐘,你可以使用類似這樣的東西。

function setTime() { 
 
    var time = new Date(); 
 
    var hours = time.getHours(); 
 
    if (hours < 10) { 
 
    hours = "0" + hours; 
 
    } 
 
    var minutes = time.getMinutes(); 
 
    if (minutes < 10) { 
 
    minutes = "0" + minutes; 
 
    } 
 
    var seconds = time.getSeconds(); 
 
    if (seconds < 10) { 
 
    seconds = "0" + seconds; 
 
    } 
 
    document.getElementById("timer").innerHTML = hours + " : " + minutes + " : " + seconds; 
 
} 
 
timer = setInterval(setTime, 1000);
<div id="timer"></div>

+0

這個工程,但我想學習熱,使自己做一個...一個開始於一個按鈕。儘管如此,謝謝! –