Js 实现横向文字重复滚动，超简单！！

<span id="wai">
  <p id="text">
    早上好，您有0条公告信息未读，请您及时查看！！！
  </p>
</span>

#wai{
  width: 350px; //宽度可以修改
  border: 1px red solid; //看你的项目需求，需不需要加边框
  color: white; //文本颜色
  float: left; //左右浮动，可以修改
  display: inline-block; //不可修改
  height: 20px; //不可修改
  overflow: hidden; //不可修改
  margin-top: 2px; //上边框
  margin-left: 250px; //左边距
}
#text{
  margin-left: 330px; //调整文字首次加载隐藏值，这里数值大小取决于一开始文字滚动等待的时长
  width:360px;  //根据你的文字长度定义长度，这里定义好之后，基本js代码就不用动了
}

$(function (){
  $("#state").html(getTimeState())
  $("#num").html(h.data[0].NUM)
  var initWidth = parseInt($("#text").css('margin-left'));
  var stopWidth = "-"+$("#text").width();
  var width = parseInt($("#text").css('margin-left'));
  setInterval(function () {
    if(width == parseInt(stopWidth)){
      width = initWidth;
    }
    width = width-1;
    $("#text").css("margin-left",width)
  }, 30);
})