Javascript Girl
  1. Javascript Girl
  3. HTML5 + Jscript avec JQuery, setInterval problème
Intereting Posts
Le bouton d'appel ("actualiser") sur un bouton mobile jQuery enfonce le style du bouton Comment réviser l'ingénierie de ce type? Comment remplacer une virgule par un point dans le numéro (ou tout remplacement) Comment puis-je configurer un cookie pour expirer après x jours avec ce code que j'ai? Lors de l'utilisation de React Est-il préférable d'utiliser des fonctions de flèche en graisse ou de lier des fonctions dans un constructeur? Multiple XmlHttpRequests toutes les x secondes Quand utiliser NodeIterator Comment envoyer arraybuffer comme binaire via Websocket? Puis-je utiliser JavaScript pour vérifier le logiciel installé sur une machine client? Est-il normal que JavaScript puisse créer un DOM autrement invalide? Comment puis-je vérifier le marqueur est ou n'est pas dans les limites en utilisant google maps v3 Onload et Jquery Ready (). Travaillent-ils sur un DOM? Comme table ou div? Comment limiter le panoramique dans Google Maps API V3? Node.js limite de mémoire de tas pour objet unique AppendChild ne fonctionne pas correctement dans IE

HTML5 + Jscript avec JQuery, setInterval problème

S'il vous plaît, quelqu'un peut-il me dire pourquoi cela ne fonctionne pas avant de défendre tout sur mon bureau.

J'ai le document html suivant: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html"; charset=utf-8 /> <title>Sample Gauge using JQuery</title> </head> <body> <canvas id="gauge" width="200" height="200"> Your web browser does not support HTML 5 because you fail. </canvas> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="gauge.js"></script> </body> </html>

Et gauge.js: 

 $(document).ready(function () { //(canvas gets assigned) startRendering(); function startRendering() { setInterval("render();", 1000); } function render() { renderBackground(); renderNeedle(-172); } //(Defined functions for rendering a gauge) });

Render () n'est pas appelé, mais si je change la ligne setInterval pour simplement 'render ()', il le fait. En outre, si je change setInterval () pour contenir quelque chose comme "alert ('LOL')" alors il fonctionne, il ne semble pas fonctionner avec des fonctions que j'ai définies. Avec ou sans point-virgule à la fin de la (les) fonction (s) à appel, il ne fait aucune différence, ni préfixe cela. À mes fonctions.

J'essaie de faire fonctionner pour que je puisse commencer à l'utiliser pour animer la jauge. Quelqu'un peut-il voir pourquoi il ne fonctionne pas?

Je déteste le développement web.

Changement 

  setInterval("render();", 1000);

À 

  setInterval(render, 1000);

Lorsque vous passez une chaîne à setInterval () , le code à l'intérieur est exécuté en dehors de la portée actuelle. Il est beaucoup plus approprié de passer la fonction de toute façon. Les fonctions peuvent être transmises comme n'importe quelle autre variable si vous laissez les parenthèses hors tension.

Je ne suis pas sûr que l'utilisation de "render ()" ne fonctionne pas mais l'utilisation de ce code corrige le problème. 

 function startRendering() { setInterval(function(){ render() }, 1000); }