html 科赫雪花,CSS3 科赫雪花分形动画

JavaScript

语言：

JaveScriptBabelCoffeeScript

确定

window.onload = function() {

var level = 4,

duration = 1500,

sides,

newSides,

count,

interval;

init();

function init() {

if (interval) clearInterval(interval);

sides = document.querySelectorAll('[class^=firstSide]');

for (var i = 0, lgth = sides.length; i < lgth; i++) {

sides[i].innerHTML = '';

}

count = 0;

increase();

interval = setInterval(increase, duration);

}

function increase() {

if (count === level) {

init();

return;

}

newSides = [];

for (var i = 0, lgth = sides.length; i < lgth; i++) {

var side = sides[i];

var container = document.createElement('div');

container.setAttribute('class', 'container');

for (var j = 0; j < 4; j++) {

var newSide = document.createElement('div');

newSide.setAttribute('class', 'side' + (j + 1));

newSides.push(newSide);

container.appendChild(newSide);

}

side.appendChild(container);

}

sides = newSides;

count++;

}

};