2011-02-02 40 views

回答

1

它看起來像只有畫布的初始更新。 update()函數被調用,但僅更新變量,不會在該點之後更新畫布。

var elem = document.getElementById('tallyDisp'); 
var tally = 0; 


function update() { 
    tally += prompt("Update"); 
    window.setTimeout(100, update); 
    if (elem && elem.getContext) { 
     var context = elem.getContext('2d'); 
     if (context) { 
      context.fillStyle = '#9f9'; 
      context.fillRect(0, 0, 300, 200); 
      context.fillStyle = '#00f'; 
      context.font = 'bold 100px sans-serif'; 
      context.textAlign = 'center'; 
      context.textBaseline = 'middle'; 
      context.fillText(tally, 150, 100); 
     } 
    } 
} 
update(); 

//function ask() { 
// tally += parsInt(prompt("Ask")); 
//   context.fillStyle = '#9f9'; 
//  context.fillRect(0, 0, 300, 200); 
//  context.fillStyle = '#00f'; 
//  context.font = 'italic 100px sans-serif'; 
//  context.textAlign = 'center'; 
//  context.textBaseline = 'middle'; 
//  context.fillText(tally, 150, 100); 
//} 
//ask(); 
+0

而且,也許行更改爲: 理貨+ = Numer(提示(「更新」)); 否則它會將其追加到字符串的末尾,而不是將其添加到總數中。 – 2011-02-02 17:08:29

0

我不知道這是否是一個很好的做法或沒有,但我已經看到了這之前...

context.width = context.width; // Clears the canvas