java计算加速减速_Javascript加速运动与减速运动

加速运动，即一个物体运动时速度越来越快；减速运动，即一个物体运动时速度越来越慢。现在用Javascript来模拟这两个效果，原理就是用setInterval或setTimeout动态改变一个元素与另外一个元素的距离，如xxx.style.left或xxx.style.marginLeft，然后每次运动后都使速度增加，这样加速运动的效果就出现了，减速运动是同样的道理。

下面是两个示例：

加速运动

[html]

Javascript加速运动

* {margin: 0; padding: 0;}

.div1 {width: 100px; height: 100px; background: #f60 url(qiuweiguan.gif) no-repeat center center;}

var $$ = function (id) {

return document.getElementById(id);

}

window.onload = function () {

var oBtn = $$("btn1");

var oDiv = $$("div1");

var timer = null;

var speed = 0;

oBtn.onclick = function () {

clearInterval(timer);

timer = setInterval(function () {

speed ++;

oDiv.style.marginLeft = oDiv.offsetLeft + speed + "px";

}, 30);

}

[/html]

加速运动的示例演示及源码下载

注：本示例中，点击GO后，div块会一直向右做加速运动

减速运动

[html]

Javascript减速运动

* {margin: 0; padding: 0;}

.div1 {width: 100px; height: 100px; background: #f60 url(qiuweiguan.gif) no-repeat center center;}

var $$ = function (id) {

return document.getElementById(id);

}

window.onload = function () {

var oBtn = $$("btn1");

var oDiv = $$("div1");

var timer = null;

var speed = 30;

oBtn.onclick = function () {

clearInterval(timer);

timer = setInterval(function () {

speed — ;

oDiv.style.marginLeft = oDiv.offsetLeft + speed + "px";

}, 30);

}

[/html]

减速运动的示例演示及源码下载

注：本示例中，点击GO后，div块会一直向右做减速运动，直到速度减为零后，速度变为负值，再向左做加速运动

java计算加速减速_Javascript加速运动与减速运动相关推荐

java计算加速减速_java – 使用JOCL / OPENCL计算强度的加速总和
嗨,我是JOCL(opencl)的新手.我写了这段代码来得出每幅图像强度的总和.内核采用所有图像的所有像素的一维数组.图像为300×300,因此每张图像为90000像素.目前它比我按顺序执行时更慢. ...
java计算自然数对数_JavaScript用Math.log()计算一个数的自然对数
1. 基本概念 Math.log()方法用于求一个数的自然对数,自然对数就是以自然常数e为底的对数,在数学上常简单表示为ln(x).它的语法形式如下所示: Math.log(x); 参数x就是要计算它 ...
java模拟加速匀速减速_【JavaSE练习】面向对象_练习_模拟汽车的自动驾驶系统
[JavaSE练习]面向对象_练习_模拟汽车的自动驾驶系统 [JavaSE练习]面向对象_练习_模拟汽车的自动驾驶系统模拟汽车驾驶系统定义一个交通工具的类,包括: 属性:速度方法:设置速度,加速 ...
两相四线步进电机与LMD18200驱动器与电机加速减速
两相四线步进电机 1.工作功率条件电压12V直流电流,静态电流<0.5A(测试为0.032A)功,恒压工作电流是0.7-1.1A,功率=8.4W-13.2W. 横流0.24-0.28A之间,电 ...
Java计算两个字符串日期之间的天数差
Java计算两个字符串日期之间的天数差调用方法: public static void main(String[] args) throws ParseException {String a = & ...
免费公开课 | 基于定制数据流技术的AI计算加速
随着人工智能时代的来临,业内对于更高效率算力的需求也越来越紧迫,而传统的 CPU 计算能力弱,只适合软件编程,并不适合应用于人工神经网络算法的自主迭代运算. 为了满足支撑深度学习的大规模并行计算的需求 ...
炒股Java_基于java计算买卖股票的最佳时机
这篇文章主要介绍了基于java计算买卖股票的最佳时机,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下问题: 可以将问题转化为如下图所示,即求多个累计 ...
java中日期计算时间差,用java计算日期/时间差
用java计算日期/时间差我也想计算两个日期之间的差额以小时/分钟/秒为单位. 我的代码有一个小问题,就是:String dateStart = "11/03/14 09:29:58&qu ...
java如何计算时间天数差,java计算两个时间相差天数的方法汇总
问题描述: 输入:两个日期输出:两个日期相差的天数具体代码实现方法1: 通过calendar类的日期比较.注意:这里需要考虑一下: 日期是跨年份的,如一个是2012年,一个是2015年的年份是 ...

java计算加速减速_Javascript加速运动与减速运动

java计算加速减速_Javascript加速运动与减速运动相关推荐

最新文章

热门文章