原生JS实现圆周运动-白红宇

原生JS实现圆周运动

阅读量：6566 次

发布时间：2019-06-24

本文共 542 字，大约阅读时间需要 1 分钟。

<body>

var ball = document.getElementById("ball");

var radian = 0.1;

var x = 0;

var y = 0;

document.onmousemove = function(e){

e = e || event;

x = e.clientX;

y = e.clientY;

}

var timer1 = setInterval(function(){

ball.style.left = x + Math.cos(radian) * 80 + "px";

ball.style.top = y + Math.sin(radian) * 80 + "px";

radian+=0.1;

},20);

</script>

</body>

转载于:https://www.cnblogs.com/ypengbk/p/javascript.html

你可能感兴趣的文章

商汤集团与三亚签署战略合作协议推进人工智能产业化发展

Python进阶之路 3.4.2 条件语句(if、else和elif)

查看>>

scrollTo与smoothScrollTo的区别

netty io.netty.buffer简介

查看>>

struts2的多个文件上传思路,小例子，仅供参考

查看>>

python_day2基本数据类型

查看>>

Java显式锁学习总结之二：使用AbstractQueuedSynchronizer构建同步组件

虚拟化 - 每天5分钟玩转 OpenStack（2）

查看>>

LVM 类型的 Storage Pool - 每天5分钟玩转 OpenStack（8）

查看>>