hbuilder轮播图代码自动播放

HBuilder是一款跨平台的HTML5开发工具，支持多种前端框架和移动端App开发。关于HBuilder的轮播图代码自动播放，一般可以使用swiper插件来实现。Swiper是一款轻量级的移动端触摸滑动组件，具有完整的滑动方案，可用于横向滑动、纵向滑动以及左右切换等场景。以下是基于Swiper实现自动播放轮播图的示例代码：

<!-- Swiper -->
<div class="swiper-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide">Slide 1</div>
        <div class="swiper-slide">Slide 2</div>
        <div class="swiper-slide">Slide 3</div>
    </div>
    <!-- Add Pagination -->
    <div class="swiper-pagination"></div>
</div>

<script src="https://cdn.bootcss.com/Swiper/4.4.6/js/swiper.min.js"></script>
<script>
    var swiper = new Swiper('.swiper-container', {
        autoplay: {
            delay: 3000,
            disableOnInteraction: false,
        },
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
        },
    });
</script>

以上代码中，autoplay选项设置自动播放，并且可以通过delay设置播放间隔时间。同时，disableOnInteraction选项可以设置当用户手动切换轮播图时是否停止自动播放。pagination选项则是添加分页器，方便用户进行手动切换。如果需要自定义样式或者其他功能，可以参考Swiper官方文档进行调整。