html连续跑马灯无缝连接,无缝跑马灯实现（！marquee）

一般我们需要实现一个简单的跑马灯，我们可以使用标签，但是会存在一个问题，轮播的时候并不是连续的，循环播放的时候中间有段时间会出现白色空白。

image

那么有没有什么办法让循环播放的时候中途不出现空白呢？具体实现代码如下：

跑马灯

.wrapper{

overflow: hidden;

white-space: nowrap;

width: 500px;

border: solid 1px #000;

}

.content{

display: inline-block;

}

我是内容，可以是文字，也可以是图片，都行，但是注意此div中的内容加起来需要比滚动区域长

我是内容，可以是文字，也可以是图片，都行，但是注意此div中的内容加起来需要比滚动区域长

//定时器id

var timer;

//页面加载完成之后执行

window.οnlοad= init()

function init(){

console.log(document.getElementById(