6-5.txt

来自「开发王代码代码」· 文本代码 · 共 28 行

TXT

28 行

<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>

6-5.txt - 源码说明

本页面展示了「开发王代码代码」中的 6-5.txt 源码文件，采用文本编程语言编写，共 28 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫开发者社区收录了大量与代码示例相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

复制代码Ctrl + C

搜索代码Ctrl + F

全屏模式F11

增大字号Ctrl + =

减小字号Ctrl + -

显示快捷键?