質問編集履歴
2
追記
    
        title	
    CHANGED
    
    | 
            File without changes
         | 
    
        body	
    CHANGED
    
    | @@ -26,16 +26,21 @@ | |
| 26 26 |  | 
| 27 27 |  | 
| 28 28 | 
             
            ```ここに言語を入力
         | 
| 29 | 
            -
             | 
| 29 | 
            +
            リアルタイムに1個づつ色が変わる、という動きにならない・・・
         | 
| 30 30 |  | 
| 31 31 | 
             
            <script>
         | 
| 32 32 | 
             
            window.onload=function(){
         | 
| 33 33 | 
             
            Array.from(document.querySelectorAll('div'), item => {
         | 
| 34 34 | 
             
            item.style.background="red";
         | 
| 35 35 |  | 
| 36 | 
            -
             | 
| 36 | 
            +
            const d1 = new Date();
         | 
| 37 | 
            +
            while (true) {
         | 
| 38 | 
            +
              const d2 = new Date();
         | 
| 37 | 
            -
             | 
| 39 | 
            +
              if (d2 - d1 > 1000) {
         | 
| 38 | 
            -
             | 
| 40 | 
            +
                break;
         | 
| 41 | 
            +
              }
         | 
| 42 | 
            +
            }
         | 
| 43 | 
            +
             | 
| 39 44 | 
             
            });
         | 
| 40 45 | 
             
            }
         | 
| 41 46 | 
             
            </script>
         | 
1
追記
    
        title	
    CHANGED
    
    | 
            File without changes
         | 
    
        body	
    CHANGED
    
    | @@ -22,4 +22,32 @@ | |
| 22 22 | 
             
            <div>8</div>
         | 
| 23 23 | 
             
            <div>9</div>
         | 
| 24 24 | 
             
            <div>10</div>
         | 
| 25 | 
            +
            ```
         | 
| 26 | 
            +
             | 
| 27 | 
            +
             | 
| 28 | 
            +
            ```ここに言語を入力
         | 
| 29 | 
            +
            ダメコード
         | 
| 30 | 
            +
             | 
| 31 | 
            +
            <script>
         | 
| 32 | 
            +
            window.onload=function(){
         | 
| 33 | 
            +
            Array.from(document.querySelectorAll('div'), item => {
         | 
| 34 | 
            +
            item.style.background="red";
         | 
| 35 | 
            +
             | 
| 36 | 
            +
            var waitUntil = new Date().getTime() + 1*1000;
         | 
| 37 | 
            +
            while(new Date().getTime() < waitUntil) 
         | 
| 38 | 
            +
            true
         | 
| 39 | 
            +
            });
         | 
| 40 | 
            +
            }
         | 
| 41 | 
            +
            </script>
         | 
| 42 | 
            +
             | 
| 43 | 
            +
            <div>1</div>
         | 
| 44 | 
            +
            <div>2</div>
         | 
| 45 | 
            +
            <div>3</div>
         | 
| 46 | 
            +
            <div>4</div>
         | 
| 47 | 
            +
            <div>5</div>
         | 
| 48 | 
            +
            <div>6</div>
         | 
| 49 | 
            +
            <div>7</div>
         | 
| 50 | 
            +
            <div>8</div>
         | 
| 51 | 
            +
            <div>9</div>
         | 
| 52 | 
            +
            <div>10</div>
         | 
| 25 53 | 
             
            ```
         | 
