时间戳

首页 > 解决方案 > 如何在模板粘贴脚本中设置延迟？

javascript - 如何在模板粘贴脚本中设置延迟？

问题描述

我正在尝试制作一个脚本，当 var < 1 时，它会粘贴字母，但它会使我的屏幕崩溃。我尝试在 StackOverflow 上看到一些问题，但代码与我的不一致。我希望间隔为每 2 毫秒

我的代码：

<template>
  a
</template>
<html>
 <head>a</head>
 <body onLoad="pasteContent()">
  
 </body>

  <script>
    while (true) {
      function pasteContent() {
        var i = 0;
        var temp = document.getElementsByTagName("template")[0];
        var clon = temp.content.cloneNode(true);
        document.body.appendChild(clon);
      }
    }
  </script>
</html>

标签： javascripthtml

解决方案

使用setInterval()：

let div = document.querySelector('.div')
let intervalId = setInterval(writeLetter, 1000)

function writeLetter(){
  if(div.innerHTML === 'aaaa'){
    clearInterval(intervalId)
  }else{
    div.innerHTML += 'a'
  }
}
<div class='div'></div>

推荐阅读