//文字直播 思路 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);
|
}
|
