Advertisement
nikolov_k

Five Divs

Apr 26th, 2013
135
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. function fiveDivs() {
  2.     setInterval("createDivs()", 100);
  3. }
  4.  
  5. function clear() {
  6.     document.body.innerHTML = "";
  7. }
  8.  
  9. var addAngle = 0;
  10. function createDivs() {
  11.     clear();
  12.     var centerX = 400;
  13.     var centerY = 200;
  14.     var radius = 150;
  15.     for (var i = 0; i < 5; i++) {
  16.         var currentAngle = 72*i + addAngle;
  17.         createDiv(centerX,centerY,radius,currentAngle)
  18.     }
  19.     addAngle += 2;
  20. }
  21.  
  22. function createDiv(centerX, centerY, radius, angle) {
  23.     var div = document.createElement("div");
  24.     div.style.top = (centerY + radius * Math.sin(angle * Math.PI / 180)) + "px";
  25.     div.style.left = (centerX + radius * Math.cos(angle * Math.PI / 180)) + "px";
  26.     document.body.appendChild(div);
  27. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement