在轮播图用transition时出现的问题

Question

/*为什么加了过渡offset值就会出现偏差？？？*//*transition: all 1s;*/我在做轮播图的时候，给了轮播图那个大盒子一个transition属性，诡异的事情就来了，当它点击了数次之后，数值就会出现偏差，比如，我原来每一张图片的大小就600px，那点击一次切换一张，向右点击的时候，第一张是0，第二张自然就是600了，可是加了transition过渡之后，点击第二张的时候，居然变成了594px，而且每次点击不一定就是那一张出问题，改变的大小也不相同，请问这是什么原因？是transition自身所带的bug吗？

Answer 1

没代码没真相

Answer 2

我想的办法就是不让它可以点击数次（同一个按钮在一秒内只能点击一次，其它次失效）

你这个是自己写的不是用的第三方的，我只能想到这个办法了哈。要修改的代码如下：

           var rightTime = new Date().getTime();//每个按钮点击的时间1秒内不可再点击
           var leftTime = new Date().getTime();
           oNext.onclick = function () {
               if(new Date().getTime() - rightTime < 1000){
                   return;
               }
               rightTime = new Date().getTime();
               index = (index == 5 ? 1 : ++index);
               animate(-600);
           };
           oPrev.onclick = function () {
               if(new Date().getTime() - leftTime < 1000){
                   return;
               }
               leftTime = new Date().getTime();
               index = (index == 1 ? 5 : --index);
               animate(600);
           };

Answer 3

说明超过浏览器运算范围了嘛