function sFunc(n) { var rakkaDiv = document.createElement("div"); rakkaDiv.className = "hira"; rakkaDiv.innerHTML = "◆"; for(var i = 0; i < n; i++) { cloneFunc(rakkaDiv); } } function cloneFunc(clone) { var divClone = clone.cloneNode(true); divClone.style.left = 100 * Math.random() + "%"; divClone.style.animationDelay = Math.random()*8 + "s"; divClone.style.fontSize = Math.floor(20 * Math.random() + 10) + "px"; switch(Math.floor(Math.random()*5)) { case 0: var divColor = "#fe8622"; break; case 1: var divColor = "#674ade"; break; case 2: var divColor = "#3aba38"; break; case 3: var divColor = "#12ddac"; break; case 4: var divColor = "#ddccdd"; break; } divClone.style.color = divColor; document.body.appendChild(divClone); divClone.addEventListener("animationend", function() { this.parentNode.removeChild(this); var rakkaDiv = document.createElement("div"); rakkaDiv.className = "hira"; rakkaDiv.innerHTML = "◆"; cloneFunc(rakkaDiv); }, false) }