var s = ""; var ii = 1; for(var i=95; i>10; i-=10) { var d = Math.PI*2*i; var f = parseInt(d*.1); var r1 = parseInt(Math.random()*200); s+='<circle id="væg-'+(ii++)+'" stroke="#8B572A" stroke-width="11" stroke-dasharray="1,'+f+','+r1+'" sketch:type="MSShapeGroup" cx="0" cy="0" r="'+i+'"><animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0" to="360" begin="0" dur="32s" repeatCount="indefinite" /></circle>\n'; } $('#Page-1').html($('#Page-1').html()+s); setInterval(function() { var w = 90; var cr = parseInt(Math.random()*255); var cg = parseInt(Math.random()*255); var cb = parseInt(Math.random()*255); var stroke = 'rgba('+cr+','+cg+','+cb+','+(Math.random()*.3+.7)+')'; var fill = 'rgba('+(255-cr)+','+(255-cr)+','+(255-cr)+',.08)'; $('h1').css({'color':stroke,'background-color':fill}); $('circle').each(function() { var dp = ""; for(var i=0; i<Math.random()*4; i++) { dp+=(i===0 ? "" : ",")+parseInt(Math.random()*100) } var sw = Math.random()*(w/2); w-=sw; $(this).attr({'stroke-width':sw+'px','stroke-dasharray': dp,'stroke':stroke,'r':90-w+'px','fill':fill}); }) },3000)