在网页中实现文字的一个一个出现

最新推荐文章于 2024-03-26 14:17:54 发布

opooc

最新推荐文章于 2024-03-26 14:17:54 发布

阅读量1.1w

点赞数 2

分类专栏： HTML5 文章标签： HTML 文字

本文链接：https://blog.csdn.net/opooc/article/details/80298438

版权

HTML5 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>opooc</title>

</head>
<style >
div{
    width: 800px;
    height: 30px;
    border:1px
    solid #ef3333;
    color: greenyellow;
}
</style>
<body>
<div id = "test"></div>
<script >
    var text = "我有一个梦想我有一个梦想我有一个梦想我有一个梦想";
    var num = text.length;

    var i =0;
    function show() {
        var shower = text.substr(0,i);
        document.getElementById("test").innerHTML = shower;
        i++;
        if(i + 1 >= num){
            clearInterval("done");
        }
    }
    var done=setInterval("show()",500);


</script>
</body>

</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

opooc

关注关注

2
点赞
踩
37

收藏

觉得还不错? 一键收藏
2
评论
在网页中实现文字的一个一个出现

&lt;html&gt;&lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;title&gt;opooc&lt;/title&gt;&lt;/head&gt;&lt;style &gt;div{
复制链接

扫一扫