//文字直播 思路 demo2 和demo1的内容一样 直到demo2的内容播完在跳回1 //滚动的速度 var speed = 10; //获取dom元素 var demo = document.getElementById('demo'); var demo1 = document.getElementById('demo1'); var demo2 = document.getElementById('demo2'); //拷贝一份2 demo2.innerHTML = demo1.innerHTML; //轮播的本质就是scrollTop ++ var carousel = function (){ //18指的是 总高度和first播完后的高度差 其实就是container下面的p标签的高度 if (demo2.offsetTop - demo.scrollTop == 10) { demo.scrollTop -= demo1.offsetHeight; }else{ demo.scrollTop++; } } //设置定时器 var setTime = setInterval(carousel, speed); //鼠标移入 清楚定时器 demo.onmouseenter = function () { clearInterval(setTime); } demo.onmouseleave = function () { setTime = setInterval(carousel, speed); }