📄 6-5.txt

📁 开发王代码代码

💻 TXT

字号:

<body>
<!-- 文字就显示在这个元素中：200像素宽，100像素高，并定义了边框样式 -->
<div id="myDiv" style="width:200px;height:100px;border:#996600 thin dotted;"></div>
<script type="text/javascript">
  <!--
  var typingText = "放一段文字在这里，让它像打字机一样一个一个的打出来，显示出来";
  var count = 0;
  //获取那个div元素的引用
  var myBlock = document.getElementById("myDiv");
  //下面的这个函数每200毫秒调用一次
  function type(){
    if(count<=typingText.length){
      //这里使用了substring方法，目的是每次多获取一个字符
      //注意变量count每次都是增加的，然后将这个值赋给div元素作为内容
      //所以，每次都显示多一个字符
      myBlock.innerHTML = typingText.substring(0,count);
      count++;
    }else{
      //如果已经type完，那么就清除200毫秒的间隔调用
      window.clearInterval(intervalID);
    }
  }
  //每200毫秒调用一次type()
  var intervalID = window.setInterval(type,200);
  -->
</script>
</body>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -