使用JavaScript实现小球自由落体运动_js写小球自由下落-CSDN博客

本文链接：https://blog.csdn.net/qq_64314976/article/details/125755736

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .circle{
            width: 30px;
            height: 30px;
            margin-left: 500px;
            border-radius: 50%;
            border: 1px solid gray;
            box-shadow: inset 0 0 5px 0;
            display: inline-block;
        }
    </style>
</head>
<body>
    <div class="circle"></div>
</body>
<script>
    var circle = document.querySelector('.circle');
    var t = 0; //事件 初始值
    var s = 0; // 位移
    // 计时器
    var timer = setInterval(function(){
        t += 10;
        // 公式
        s = 0.5 * 9.8 * Math.pow(t/1000,2);
        console.log(s)
        circle.style.transform = `translateY(${s}px)`;
        if(s >= 500){
            // 关闭计时器
            clearInterval(timer);
        }
    },10);
</script>
</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。