Javascript 这个脚本有多短并且仍然可以实现同样的效果-显示一条消息“loading..”，然后每隔1秒显示一个额外的周期，持续7秒_Javascript

Javascript 这个脚本有多短并且仍然可以实现同样的效果-显示一条消息“loading..”，然后每隔1秒显示一个额外的周期，持续7秒

javascript

Javascript 这个脚本有多短并且仍然可以实现同样的效果-显示一条消息“loading..”，然后每隔1秒显示一个额外的周期，持续7秒,javascript,Javascript,如果您想要短一点：也有助于： <script> var counter = 0; function writeMessage() { document.getElementById('loadingMessageSpan').innerHTML += "."; if(++counter < 7) { setTimeout(writeMessage, 1000); } }

如果您想要短一点：

也有助于：

<script>
    var counter = 0;

    function writeMessage() {
        document.getElementById('loadingMessageSpan').innerHTML += ".";

        if(++counter < 7) {
            setTimeout(writeMessage, 1000);
        }
    }

    window.onload = writeMessage;
</script>

<body>
    <span style="font-weight:bold;" id="loadingMessageSpan">Loading Page</span>
</body>

改为1个用户

2只需设置消息一次并附加。结束

3把所有的js放在底部

var a=0;function b(){document.getElementById("loadingMessageSpan").innerHTML+=".";++a<7&&setTimeout(b,1E3)}window.onload=b

如果你真的想缩短时间，你可以走以下路线：

<body>    
<span style="font-weight:bold;" id="loadingMessageSpan">Loading Page</span>    
<script type="text/javascript">
    var counter = 0;
    var id = setInterval(function(){
        document.getElementById('loadingMessageSpan').innerHTML += ".";
        if(++counter>6) {
            clearInterval(id);
        }
    }, 1000);
</script>
</body>

您需要在span标记中已经加载。值得注意的是，担心得到这么小的东西是没有意义的。此外，页面必须已经加载。

在加载页面之前，跨距不可用，因此如果页面加载了一半，但没有跨距，则上面的getElementById将抛出错误。最好把它放在底部。@Amir Raminfar说得好！我已经编辑了我的帖子。谢谢你指出，这是1000的缩写。一万美元就是一万美元。枚举器表示应该跟随多少个零。a++@user521180:++a与a++@user521180之间的区别是什么：++a用1递增a并返回新值。除了返回旧的非递增值外，++也会执行相同的操作。

<body>    
<span style="font-weight:bold;" id="loadingMessageSpan">Loading Page</span>    
<script type="text/javascript">
    var counter = 0;
    var id = setInterval(function(){
        document.getElementById('loadingMessageSpan').innerHTML += ".";
        if(++counter>6) {
            clearInterval(id);
        }
    }, 1000);
</script>
</body>

<BODY>
    <span style="font-weight:bold;" id="loadingMessageSpan">Loading Page</span>
    <script>
        var counter = 0;
        var interval = setInterval(function(){
          document.getElementById('loadingMessageSpan').innerHTML += ".";
          if(++counter > 6)
            clearInterval(interval);
        },1000)
    </script>
</BODY>

(function(){var i=6,a=setInterval(function(){document.getElementById('loadingMessageSpan').innerHTML+=".";!i--&&clearInterval(a);},1E3)})()