Turpo-Urpo

JS_runningorder

Sep 28th, 2020
656
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE HTML>
  2. <html lang="fi">
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <title>JS TESTING</title>
  6.     </head>
  7.     <body onload="start()">
  8.         <p id="new"></p>
  9.         <script>
  10.             function apr(intNum) {
  11.                 var text = "Uusi rivi no: " + intNum.toString(10);
  12.                 var tag = document.createElement("p");
  13.                 var node = document.createTextNode(text);
  14.                 tag.appendChild(node);
  15.                 var element = document.getElementById("new");
  16.                 element.appendChild(tag);
  17.             }
  18.  
  19.             function appenrow() {
  20.                 for ( let i = 0; i < 1000; i++ ) { apr(i); }
  21.             }
  22.    
  23.             var speed = 1;
  24.             var isready = 0;
  25.             var msgtimer = setInterval(showMsg, 1); //ajastin
  26.  
  27.             function pageScroll(){
  28.                 window.scrollBy(0,10);
  29.                 scrolldelay = setTimeout(pageScroll,speed);
  30.                 let Stop = document.documentElement.scrollHeight;
  31.                 let KurPos = window.innerHeight+window.scrollY;
  32.                 if (KurPos >= Stop){
  33.                     clearTimeout(scrolldelay);
  34.                     window.scroll(0,0);
  35.                     isready = 1; //asetetaan ohjain arvoon joka triggeroi showMsgt
  36.                 }
  37.             }
  38.  
  39.             function showMsg(){
  40.                 if(isready == 1){
  41.                     clearInterval(msgtimer);
  42.                     var Msg = "SIVUN VIERITYS ON VALMIS!\n" +
  43.                     "Huomaatko mitkä rivit ovat näkyvillä? \n" +
  44.                     "Vieritystä ei ole viety takaisin sivun alkuun.\n" +
  45.                     "Kun suljet dialogin, vasta sitten suoritetaan \n" +
  46.                     "vierityksen loppuun vienti."
  47.                     alert(Msg);
  48.                 }
  49.             }
  50.  
  51.             function start(){
  52.                 appenrow();
  53.                 pageScroll();
  54.                 showMsg();
  55.                 var Msg ="\nOHJELMAN SUORITUS ON LOPPU! \n\n" +
  56.                 "Kaikki mitä ohjelma tulisi tekemään, olisi \n" +
  57.                 "ajettava Interval-viivytyksien avulla. \n" +
  58.                 "Kuten huomaat, tätä viestiä ei ole viivytetty \n" +
  59.                 "ja se tulostetaan heti alkuun, vaikka suoritusjärjestys \n" +
  60.                 "edellyttäisin viestin näyttämisen viimmeisenä."
  61.                 alert(Msg);
  62.             }
  63.         </script>
  64.     </body>
  65. </html>
  66.  
RAW Paste Data