1. <!DOCTYPE html> 2. <html lang="en"> 3. <head> 4. <meta charset="UTF-8"> 5. <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6. <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7. <title>Document</title> 8. <style> 9. .circle{ 10. width: 30px; 11. height: 30px; 12. margin-left: 500px; 13. border-radius: 50%; 14. border: 1px solid gray; 15. box-shadow: inset 0 0 5px 0; 16. display: inline-block; 17. } 18. </style> 19. </head> 20. <body> 21. <div class="circle"></div> 22. </body> 23. <script> 24. var circle = document.querySelector('.circle'); 25. var t = 0; //事件 初始值 26. var s = 0; // 位移 27. // 计时器 28. var timer = setInterval(function(){ 29. t += 10; 30. // 公式 31. s = 0.5 * 9.8 * Math.pow(t/1000,2); 32. console.log(s) 33. circle.style.transform = `translateY(${s}px)`; 34. if(s >= 500){ 35. // 关闭计时器 36. clearInterval(timer); 37. } 38. },10); 39. </script> 40. </html>
JavaScript介绍：
JavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式。
JavaScript在1995年由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。
JavaScript的标准是ECMAScript 。截至 2012 年，所有浏览器都完整的支持ECMAScript 5.1，旧版本的浏览器至少支持ECMAScript 3 标准。2015年6月17日，ECMA国际组织发布了ECMAScript的第六版，该版本正式名称为 ECMAScript 2015，但通常被称为ECMAScript 6 或者ES2015。
