JavaScript数组小练习-js循环显示数组中的内容

captain_bj

于 2022-03-05 12:49:00 发布

阅读量52

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 前端 html 开发语言 ecmascript

本文链接：https://blog.youkuaiyun.com/beikewz/article/details/132997404

此博客分享了一个动态展示格言的代码片段，通过JavaScript定时更换不同的人生哲理，为读者带来积极的思考。

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

循环显示格言，效果见本博客页面拉到最底部。

<!-- 循环展示 -->
<div align="center">
    <span id="ewan">永远相信美好的事情即将发生！</span>
    <script type="text/javascript">
    const arr = [
    '只要人人都能献出一点爱，世界将会变成美好的人间',
    '极简生活！',
    '金头盔飞行员蒋佳冀：知道了不行，熟悉也不够，要真正进入潜意识，成为条件反射才行。',
    '永远相信美好的事情即将发生！'
    ]
    var count = {
        id: 1
    }
    function foot(count)
    {
        var i = count.id%(arr.length);
        document.getElementById('ewan').innerHTML=arr[i]
        count.id++;
        if (count.id == arr.length)
        {
            count.id=0;
        }
    }
    setInterval("foot(count)",5000);        
    </script>
</div>