Information Technology Reference
In-Depth Information
Abbildung 10.3:
Auslastung der CPUs bei der Berechnung mit und ohne Web
Workers
10.3.1 Wichtige Code-Fragmente
Um einen Vergleich zu bekommen, wie sich das Script mit und ohne Web Wor-
kers verhält, können Sie das Programm auf beide Arten aufrufen. Dazu müssen
Sie die externe JavaScript-Datei, die den Code für den Worker enthält (
canvas_
profile.js
), im Kopf der aufrufenden Webseite einbinden. Ab diesem Zeitpunkt
steht die
onmessage
-Funktion global zur Verfügung; doch mehr zu dem Worker-
Code etwas später. Beginnen wir mit dem HTML-Code für das Programm:
<script src="canvas_profile.js"></script>
...
<h1>Profile berechnen mit Web Worker</h1>
<p>Anzahl der Profile <input type=number id=profiles
size=2 oninput="updateProgressBars();" value=2>
Anzahl der Teilstrecken am Profil
<input type=number id=parts value=500 size=4
oninput="updateProgressBars();">
</p>
<h3>Starten
<input type=button onclick="calcProfiles(true)"
value="mit"> oder
<input type=button onclick="calcProfiles(false)"
value="ohne"> WebWorker
</h3>
