[ *** ]文字逐字打出

访客4年前关于黑客接单1193

好久不更新了

[ *** ]文字逐字打出

代码如下

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>

    <body>
        <div id="content"></div>
    </body>

    <script>
        window.onload = function() {
            let word = '我是一个个的文字,慢慢的被打出 ';
            let n = 0;
            let t = setInterval(function() {
                n++;
                console.log('n:' + n + ",word.length:" + word.length);
                if(n > word.length) clearInterval(t);
                document.getElementById('content').innerText = word.substring(0, n);
            }, 100);
        }
    </script>

</html>


标签: *** 实例

相关文章

JS打印机效果代码整理

纯js性 简单快速 功能少 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <titl...

js获取当前位置

手机端获取城市名称 百度地图接口 引入百度api<script src="http://api.map.baidu.com/api?v=1.4" type="text/javascript"...

简单理解jQuery中$.getJSON、$.get、$.post、$.ajax用法

1.$.getJSON   $.getJSON()是专门为ajax获取json数据而设置的,并且支持跨域调用,其语法的格式为: $.getJSON(       url,             ...

电脑端利用JS简单快速批量取消微博的关注

利用JS简单快速批量取消微博的关注 微博关注的人太多了,一个一个取消很麻烦?那么这个方法很适合你,和全自动取关都差不多了,只适用于电脑用户! 步骤如下 1.电...

资源网,博客文章页面增加访问停留时间代码

资源网,博客文章页面增加访问停留时间代码 <!-- 统计访客停留时间 --> <div id="tingliu"> </span> <span clas...

简单的返回顶部特效

首先引入jQuery js代码如下 $(function(){         //当滚动条的位置处于距顶部100像素以下时,跳转链接出现,否则消失         $(function () {  ...