zoukankan      html  css  js  c++  java
  • 小案例:用javascript实现页面打字效果显示

       js关键函数:slice()

    <!DOCTYPE html>
    <html lang="en">
        <head>
            <title></title>
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width, initial-scale=1">
        </head>
        <body>
            <div id="box"></div>
            <script>
                var str = "超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。您可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析。";
                var i = 0;
                setInterval(function(){
                    i++;
                    document.getElementById("box").innerHTML = str.slice(0, i) + " |";
                    if(i > str.length)
                        i = 0;
                }, 100);
            </script>
        </body>
    </html>

       效果如下:

  • 相关阅读:
    os模块
    random模块
    datetime模块
    time模块
    软甲开发目录规范
    模块与包
    函数递归
    内置函数
    【NOIP2016提高组】换教室
    【NOIP2015提高组】运输计划
  • 原文地址:https://www.cnblogs.com/qingsong/p/14147522.html
Copyright © 2011-2022 走看看