相关代码：

(function () {
    //得到元素
    var carousel_list = document.getElementById('carousel_list');
    var left_btn = document.getElementById('left_btn');
    var right_btn = document.getElementById('right_btn');
    var circle_ol = document.getElementById('circle_ol');
    var circle_lis = circle_ol.getElementsByTagName('li')

    //克隆第一张li
    var clone_li = carousel_list.firstElementChild.cloneNode(true);
    //上树
    carousel_list.appendChild(clone_li);

    //当前显示的图片序号，从0开始的
    var idx = 0;

    //右按钮事件监听
    right_btn.onclick = function () {
        //加上过渡
        carousel_list.style.transition = 'transform .5s ease 0s';
        //右按钮+
        idx++;
        //拉动
        carousel_list.style.transform = 'translate(' + -16.66 * idx + '%)';

        //判断是否是最后一张，如果是最后一张，就要瞬间移动回来
        if (idx > 4) {
            setTimeout(function () {
                //去掉过渡
                carousel_list.style.transition = 'none';
                //删除transform属性
                carousel_list.style.transform = 'none';
                //全局的图片序号变为0
                idx = 0;
            }, 500);
        }
        //设置小圆点
        setCircles();
    }

    //左按钮的事件监听
    left_btn.onclick = function () {
        //左按钮要先写if语句，而不是idx--
        if (idx == 0) {
            //瞬间拉动到最后
            carousel_list.style.transition = 'none';
            carousel_list.style.transform = 'translate(' + -16.66 * 5 + '%)';
            //改变idx的值
            idx = 4;

            //延时0毫秒再加上过渡
            setTimeout(function () {
                //加上过渡
                carousel_list.style.transition = 'transform .5s ease 0s';
                //动画
                carousel_list.style.transform = 'translate(' + -16.66 * 4 + '%)';
            }, 0);
        } else {
            idx--;
            carousel_list.style.transform = 'translate(' + -16.66 * idx + '%)';
        }
        //设置小圆点
        setCircles();
    }

    //设置小圆点的current,序号为idx的小圆点才有current的类名
    function setCircles() {
        //遍历0、1、2、3、4,每遍历一个数字都要和idx比一下，如果相等，就把这项设置类名为current,否则去掉类名
        for (var i = 0; i <= 4; i++) {
            if (i == idx % 5) {
                circle_lis[i].className = 'current';
            } else {
                circle_lis[i].className = '';
            }
        }
    }
})();

问题描述：

麻烦老师看下问题出在哪小圆点不能变化