定点圆周运动

淘宝2014的校招题目之一,虽然不符合应届生条件,不过题还是值得做做的。。当时做出来的时候,本人的实现极其的。。低级。。嗯,类似下面这位仁兄的写法:

http://jsfiddle.net/jangdelong/8UFHX/

 

后来就看到了如下的优秀实现:

 

 1     var r = 150;

 2     var pos = {left:0,top:0}

 3     var deg = 0;

 4     var box = document.getElementById('test');

 5     setInterval(function(){

 6 

 7      pos.left = 200 - Math.cos(deg)*r;

 8      pos.top = 300 - Math.sin(deg)*r;

 9 

10      box.style.left = pos.left + 'px';

11      box.style.top = pos.top + 'px';

12 

13 

14      deg += .01;

15 

16 

17 

18     }, 20);

 

 

 

你可能感兴趣的:(运动)