其实原理很简单,主要是用定时器的功能,下面我为大家
演示了一个简单的动画制作过程,通过介绍的介绍,可以做一些,使动画效果更加令人印象深刻。
此示例的效果是单击Web页面上的开始按钮,指定的层将从左向右移动。在这个过程中,当单击停止按钮时,您停止并移动。
复制代码代码如下所示:
U3000 U3000
U3000 U3000
Javascript的运动样本
U3000 U3000
无功movingid = null;
var滚动= false;
startmove()函数
{
VaR左= eval(div1.style.left.replace(PX
如果(左< document.body.scrollwidth - 150)
div1.style.left =左+ 1;
其他的
div1.style.left = 10;
movingid = setTimeout(startmove()
}
stopmove()函数
{
ClearTimeout(movingid);
}
U3000 U3000

U3000 U3000
U3000 U3000
U3000 U3000
U3000 U3000
我可以移动…
U3000 U3000
U3000 U3000
U3000 U3000
U3000 U3000
U3000 U3000
U3000 U3000
U3000 U3000 U3000
U3000 U3000

在这里,我们主要使用一个函数调用setTimeout(功能、区间),该参数格式的功能:
第一个参数,函数,是在超时后调用的函数名,第二个参数间隔是一个超时值,以微秒为单位。
请注意,如果我们要阻止这个定时器,必须调用setTimeout保存后返回值()函数,并取消定时器通过清除定时器(ID)功能。