marquee/greets.js at master · tmp-demo/marquee · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
function greets(callback){

  document.getElementById('greets').classList.toggle('hidden');

  var greetz = [
    "LNX",
    "X MEN",
    "PopSY",
    "CoCOOn",
    "Still",
    "TRBL",
    "Undeed Sceners",
    "Flush",
    "BRS",
    "Poo-brain"
  ];

  var greetended = 0;

  function bye(){
    greetended++;
    if(greetended == greetz.length){
      document.getElementById('greets').classList.toggle('hidden');
      callback();
    }
  }

  greetz.map(function(greet, i){
    var marqueeContainer = document.createElement('div');
    marqueeContainer.className = 'marquee-container';
    var marquee = document.createElement('marquee');
    marquee.setAttribute("direction", "left");
    marquee.setAttribute("behavior", "scroll");
    marquee.setAttribute("truespeed", "");
    marquee.setAttribute("loop", "1");
    marquee.setAttribute("scrolldelay", 16);
    var marqueetoprand = Math.round(Math.random() * (500 - 10) + 10);
    var scrollamountrand = Math.floor(Math.random() * (15 - 5) + 5);

    marquee.setAttribute("scrollamount", scrollamountrand);
    marquee.style.fontSize = 250*scrollamountrand+"%";
    marqueeContainer.style.top = marqueetoprand+"px";

    var marqueeDiv = document.createElement('div');
    marqueeDiv.innerHTML = greet;
    marquee.appendChild(marqueeDiv);
    marqueeContainer.appendChild(marquee);

    setTimeout(function(){
      document.getElementById('greets').appendChild(marqueeContainer);
      allthemarquee.lvlup();
    },1000 * (i+1));

    marquee.addEventListener("finish",function(){
      bye();
    });

  });

}