2021-09-07运动一个元素

var div = document.createElement(“div”); //创建一个元素

document.body.appendChild(div); // 将元素插入到body

div.style.width = “100px”; // 设置元素样式
div.style.height = “100px”;
div.style.backgroundColor = “red”;
div.style.position = “absolute”; //
div.style.left = “0”;
div.style.top = “0”;

var speed = 2; //创建一个变量

var timer = setInterval(function(){ // 让元素动起来

speed += speed/10;    //运动越来越快



div.style.left = parseInt(div.style.left) + speed + "px";
div.style.top = parseInt(div.style.top) + speed + "px";


//如果向移动大于200，向下移动大于20,
if(parseInt(div.style.left) > 200 && parseInt(div.style.top) > 200){
	//清除函数，停止函数运动
	clearInterval(timer);
}
},100); //多少毫秒运动一次这个函数