Chronomètre dans un canvas Fermé

Question

Bonjour, je commence à utiliser les canvas en Javascript et j'aimerais faire apparaître un chronomètre dans ce canvas. Alors pour fare un truc tout simple, j'aimerais faire seulement un chrono qui compte les secondes. Donc j'ai écrit ce code là : Page PHP :

Et ma page js : var time = 0; var desert = new Image(); desert.src = "desert.gif"; window.onload = function game() { var canvas = document.getElementById('canvas'); var ctx = canvas.getContext('2d'); ctx.clearRect(0,0,1000,1000); ctx.drawImage(desert, 0, 0, 1000, 1000); time ++; ctx.font = "20pt Calibri,Geneva,Arial"; ctx.strokeStyle = "rgb(0,0,0)"; ctx.fillStyle = "rgb(0,20,180)"; ctx.strokeText(""+time+"", 10, 20); compte=setTimeout('game()',1000) // est sensé relancer ma fonction toutes les //secondes } Mais lorsque je lance ma page, la valeur 1 s'affiche (donc pas de problème d'afichage), mais c'est tout, comme si ça ne bouclai pas et que mon "time" restait toujours à 1, voyez-vous une erreur ? Merci d'avance !

Utilisateur anonyme · Answer

Bonjour Si tu affiches les erreurs avec la console de ton navigateur, tu verras que ta fonction game n'est pas définie. Plusieurs manières pour que cette définition soit effective : window.onload = ( game= function () { /* ta fonction */ }); ou bien function game() { /* ta fonction */ } window.onload=game; Au passage, tu mets ta balise et devraient être avant

Chronomètre dans un canvas

1 réponse

Discussions similaires