js简单文字滚动显示

最新推荐文章于 2025-06-24 14:40:07 发布

Poppy丶

最新推荐文章于 2025-06-24 14:40:07 发布

阅读量5.9k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：原生态js

本文链接：https://blog.youkuaiyun.com/c1842664541/article/details/79556372

原生态js 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了如何使用JavaScript实现简单的文字滚动显示，包括HTML结构、CSS样式和JS代码的编写，最后展示了效果演示图。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js简单文字滚动显示

1. html内容

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>     
    </head>
    <body>
        <marquee behavior="scroll" direction="left">
          <p id="time"></p>
       </marquee>
    </body>
</html>

2. css样式
.marquee {background-color:burlywood;width:300px;height:50px;}

3. js

function time() {
    function format(i) {
        return (i < 10 ? "0" + i : i);
    }
    document.getElementById("time").innerHTML = "让字体滚动吧！哈哈哈哈哈哈哈哈哈"
}
var interval = setInterval(time, 100);