请让页面中的一个元素（10px*10px）围绕坐标(200, 300) 做圆周运动
🌙
手机阅读
本文目录结构
页面上画一个圆，画一个圆心。在这个圆的圆周上面画一个点，我们就让这个点绕着圆周跑；
2.怎么让这个点跑起来呢？
我们用javascrip的setInterval(function(),time);这个方法；
3.有了这个方法就好办了，我们可以每隔一段时间执行一个function，这个function负责让这个点跑起来；
<script type="text/javascript">
var r = 100; //半径
var a = 0; //角度
var obj = document.getElementById('point');//js必须写在<body>后面，否则obj=null；
// 基点坐标为200,300
setInterval(function(){
obj.style.left = (190 - Math.cos(a) * r) + 'px';/*style 很重要*/
obj.style.top = (290 - Math.sin(a) * r) + 'px';
a += 0.1; //角度随时增大，产生绕圈的效果
}, 50);//every 50/1000s run function() one time;
</script>
更多面试题
如果你想了解更多的前端面试题，可以查看本站的WEB前端面试题 ,这里基本包涵了市场上的所有前端方面的面试题，也有一些大公司的面试图，可以让你面试更加顺利。
| 面试题 | ||
|---|---|---|
| HTML | CSS | JavaScript |
| jQuery | Vue.js | React |
| 算法 | HTTP | Babel |
| BootStrap | Electron | Gulp |
| Node.js | 前端经验相关 | 前端综合 |
| Webpack | 微信小程序 | - |
这些题库还在更新中，如果你有不错的面试题库欢迎分享给我，我整理后放上来；人人为我，我为人人，互帮互助，共同提高，祝大家都拿到心仪的Offer！
