用php计算自由落体,js模仿物理中的自由落体现象

/*自由落到函数

*param height : 初始高度;

*param speed : 初始速度;

function freeFall(element, height, speed){

var start = (new Date()).getTime();

var el = element;

var originalStyle = el.style.cssText;

var timeInterval = 50 ,// 50ms 变换一下速度;

left = el.offsetLeft, //初始位置

top = el.offsetTop; //

var time = Math.sqrt(2 * height / g) * 1000 // h = 1/2 * g * t * t 算得时间单位为ms;

console.log(originalStyle, left, top, time);

moving();

function moving(){

var now = (new Date()).getTime();

var elapsed = now - start;

var fraction = elapsed / time;

console.log(now, elapsed, fraction);

if(fraction < 1){

var x = left + speed * elapsed / 100; //水平位移; 时间单位为ms 所以需要转换;

var y = top + 0.5 * g * elapsed * elapsed / 10000; //垂直位移

el.style.left = x + 'px';

el.style.top = y + 'px';

console.log(x, y);

setTimeout(moving, Math.min(25, time - elapsed));

}else{

el.style.cssText = originalStyle; //恢复原状

}

用php计算自由落体,js模仿物理中的自由落体现象相关推荐

php中strtotime(date,js模仿php中strtotime()与date()函数实现方法
本文实例讲述了js模仿php中strtotime()与date()函数实现方法.分享给大家供大家参考.具体如下: 在js中没有像php中strtotime()与date()函数,可直接转换时间戳,下面 ...
java strtotime_js模仿php中strtotime()与date()函数实现方法
本文实例讲述了js模仿php中strtotime()与date()函数实现方法.分享给大家供大家参考.具体如下: 在js中没有像php中strtotime()与date()函数,可直接转换时间戳,下面 ...
Cannon.js -- 3d物理引擎
文章目录前言一.关于Cannon.js 二.Cannon.js的使用最后注意点: 优化事件其他本文完整代码下载: 相关链接: 前言本篇将介绍Cannon.js -- 3d物理引擎的基础 ...
自由落体matlab代码,应用MATLAB辅助自由落体运动教学
Vd．27 No．4 (2006) 物理教师 PHYSICS TEACHER 第27卷第4期 2006年 ·现代教学技术· 应用MATLAB辅助"自由落体运动"教学林德志 (北京 ...
js模仿块级作用域（js没有块级作用域私有作用域）
js模仿块级作用域(js没有块级作用域私有作用域) 一.总结 1.js没有块级作用域:在for循环中定义的i,出了for循环还是有这个i变量 2.js可以模拟块级作用域:用立即执行的匿名函数:(匿名函 ...
计算年龄案例(JS)
计算年龄案例(JS) <!DOCTYPE html> <html lang="en"><head><meta charset=" ...
html中图片亮度调节,HTML+CSS+JS 模仿 Win10 亮度调节效果
HTML+CSS+JS模仿win10亮度调节效果代码模仿win10的亮度调节 .control_bar{ height:200px; width:500px; border-bottom:3px ...
html的window效果,HTML+CSS+JS模仿win10亮度调节效果
HTML+CSS+JS模仿win10亮度调节效果代码模仿win10的亮度调节 .control_bar{ height:200px; width:500px; border-bottom:3px ...
html中亮度怎么写,HTML+CSS+JS模仿win10亮度调节效果的示例代码
HTML+CSS+JS模仿win10亮度调节效果代码模仿win10的亮度调节 .control_bar{ height:200px; width:500px; border-bottom:3px ...

用php计算自由落体,js模仿物理中的自由落体现象

用php计算自由落体,js模仿物理中的自由落体现象相关推荐

最新文章

热门文章