marquee js

marquee

by Andrey

HTML

<div id="text">я совсем недавно в сферея совсем недавно в сферея совсем недавно в сферея совсем недавно в сферея совсем недавно в сферея совсем недавно в сферея совсем недавно в сфере</div>

JavaScript

var k = 20;
var i = 0;
var $el = $("#text");
var text = $el.text();
var textLen = text.length;
var visText = text.slice(i, k);

var dotL = "";
var dotR = "..."

var direct = 1;

$el.text(dotL + visText + dotR);


setInterval(function() {
  i += direct;
  if (i > 0) {
    dotL = "..."
  } else {
    dotL = "";
    direct = 1;
  }
  if (i < textLen - k) {
    dotR = "...";
    direct = 1;
  } else {
    dotR = "";
    direct = -1;
  }


  visText = text.slice(i, k + i);
  $el.text(dotL + visText + dotR)


}, 500);