<div class="codetitle"> <span><a style="CURSOR: pointer" data="37474" class="copybut" id="copybut37474" onclick="doCopy('code37474')"><u>コードをコピー</u></a></span> コードは次のとおりです:</div> <div class="codebody" id="code37474"> <br>[code] <br><script type=" text/javascript "> <br>varloading = { <br>要素: null, <br>カウント: 0, <br>ID: 0, <br>createLoading: function(parent, width, height){ //ペリフェラルプログレスバーボックスの生成に使用されます。 <br>loading.element = document.createElement("div"); <br>loading.element.className = "loading"; 🎜>loading.element.style.height = height; <br>loading.element.style.backgroundColor = "#ffffff"; <br>loading.element.style.border = "1px ソリッド #333333"; .element .style.width = width; <br>parent.appendChild(loading.element); <br>}, <br>addSubDIV: function(){ // setInterval を使用して追加します外側のボックス div タグは進行状況の効果を実装します<br>//外側のボックスの幅に達すると、進行状況が再表示されます<br>if ((loading.count 1) * 2 >= parseInt(loading.element .style.width)) { <br>loading.count = 0; <br>loading.element.innerHTML = ""; <br> } <br>else { <br>var elem = document.createElement("div"); <br>elem.style.backgroundColor = "#f00"; .style.width = "2px "; <br>elem.style.height =loading.element.style.height; <br>loading.element.appendChild(elem) ; <br>loading.count ; <br>} <br>}, <br>interval: function(){ //<br>loading.ID = setInterval(loading.addSubDIV, 30); <br>} <br> onload = function(){ <br>loading.createLoading(document.getElementById("parent"), "402px", "15px"); <br>} <br></script> <br><br><br>[/code]<br>デモ コードを実行します:<br><br><br> <br> <br><br><br>JavaScript データアクセステスト</div> <br> <br> <br> <div class="htmlarea"><textarea id="runcode45760"> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <style>.sub-loading { DISPLAY: inline } </style> <meta content="MSHTML 6.00.6000.16850" name="GENERATOR"> [Ctrl A </textarea></div>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
