Gifu/rensyuu2

From 2014.igem.org

(Difference between revisions)
(Created page with "{{:CSS/gifu/main}} {{:CSS/gifu/home}} <html> <head> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script></script> </head> <body> <div id="uroboros"...")
 
(15 intermediate revisions not shown)
Line 46: Line 46:
<script type="text/javascript">
<script type="text/javascript">
<!--
<!--
-
var r=100;
+
var r=200;
 +
var l=100;
var rad=180;
var rad=180;
var x;
var x;
Line 52: Line 53:
var circle =document.getElementById("point") ;
var circle =document.getElementById("point") ;
var k=90;
var k=90;
-
var l;
 
var m=1;
var m=1;
var n=2;
var n=2;
Line 58: Line 58:
function spinright(){
function spinright(){
AAA=setInterval(function(){
AAA=setInterval(function(){
-
if(m==1){
+
if(rad==540){rad=0;}
-
r=200;
+
-
if(rad==540){rad=0; m=0;}
+
else{rad+=2};
else{rad+=2};
x=r*Math.cos(Math.PI/180*rad);
x=r*Math.cos(Math.PI/180*rad);
Line 71: Line 69:
circle.style.transform="rotate("+k+"deg)";
circle.style.transform="rotate("+k+"deg)";
-
}
+
 
},7);
},7);
};
};
Line 77: Line 75:
function spinleft(){
function spinleft(){
BBB=setInterval(function(){
BBB=setInterval(function(){
-
if(m==0){
+
if(rad==-360){rad=180;}
-
r=100;
+
-
if(rad==-360){rad=180; m=1;}
+
else{rad-=2};
else{rad-=2};
x=r*Math.cos(Math.PI/180*rad);
x=r*Math.cos(Math.PI/180*rad);
Line 91: Line 87:
circle.style.transform="rotate("+k+"deg)";
circle.style.transform="rotate("+k+"deg)";
-
}
+
 
},7);
},7);
};
};

Latest revision as of 11:04, 9 September 2015

factory1