javascript实现网页公告、热点新闻的切换

最新推荐文章于 2022-02-24 10:48:30 发布

Serena_tz

最新推荐文章于 2022-02-24 10:48:30 发布

阅读量696

点赞数 1

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/Serena_tz/article/details/109046566

版权

javascript 专栏收录该内容

69 篇文章 0 订阅

订阅专栏

调用方法：broadcast(“父级容器的ID”)
参数：1个，必选
例如: broadcast(“wrap”)

function broadcast(wrapId) {
        // 获取新闻列表的父级
        var wrap = document.getElementById(wrapId);
        // 获取新闻列表的每个子元素
        var news = wrap.children;
        // 设置索引
        var index = 0;
        setInterval(function () {
            // 所以自增
            index++;
            // 如果播完最后一条新闻，索引设置为初始值
            if (index >= news.length) {
                index = 0
            }
            for (var i = 0; i < news.length; i++) {
                // 先将所有新闻列表子元素隐藏
                news[i].style.display = "none";
            }
            // 显示某个新闻列表子元素
            news[index].style.display = "block";
        }, 1000)
    }