GeezerVisonThe World Wide Web, restored to 800 pixels of glory. |
| Home|About|Gaming cabinet|Archives|How it works|Starter sites |
GeezerVison is showing github.com — JavaScriptKit/Examples/Multithreading/index.html at main · wfltaylor/JavaScriptKit Expand file tree/ Copy pathindex.htmlMore file actions 57 lines (53 loc) · 1.24 KB / Copy pathindex.htmlFile metadata and controls57 lines (53 loc) · 1.24 KB 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 <html> <head> <meta charset="utf-8"> <title>Threading Example</title> <style> .loading-emoji { font-size: 60px; width: 60px; height: 80px; } </style> <script> function rotateElement(element, speed = 2) { let degree = 0; setInterval(() => { degree = (degree + speed) % 360; element.style.transform = `rotate(${degree}deg)`; }, 20); } document.addEventListener('DOMContentLoaded', () => { const loadingCircle = document.getElementById('loading-emoji'); rotateElement(loadingCircle); }); </script> </head> <body> <script type="module"> import { init } from "./Bundle/index.js" init(); </script> <h1>Threading Example</h1> <p> <div> <label for="background">Background:</label> <input id="background" type="checkbox" checked> </div> <div> <label for="size">Size:</label> <input id="size" type="number" value="800"> </div> <div> <label for="concurrency">Concurrency:</label> <input id="concurrency" type="number"> <button id="render-button">Render</button> </div> </p> <p> <div id="loading-emoji" class="loading-emoji">🧵</div> </p> <p id="render-time"></p> <canvas id="canvas"></canvas> </body> </html> |
| You are visitor 01402520 — GeezerVison does not store the pages you look up. Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required. |