2 Star 1 Fork 3

目羽/飞机大战小游戏

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
move.js 1.57 KB
一键复制 编辑 原始数据 按行查看 历史
目羽 提交于 2023-10-09 15:10 . 飞机大战
function move(ele,speed, json, callback) {
clearInterval(ele.time);
ele.time = setInterval(() => {
var tag = true;//定时器开关
for (var attr in json) {
var target = json[attr];
if (attr === 'opacity') {
var now = getstyle(ele, 'opacity') * 100;//获取当前位置 parseInt()转为整数 getstyle()
} else {
var now = parseInt(getstyle(ele, attr));//获取当前位置 parseInt()转为整数 getstyle()
}
// var dir = (target - now) / 10;// 缓动效果
var dir = (target - now) > 0 ? speed : -speed;// 正常效果
dir = dir > 0 ? Math.ceil(dir) : Math.floor(dir); //dir 大于0向上取整 否则向下取整
now += dir; //前进或后退
if ((now >= target && dir > 0) || (now <= target && dir < 0)) {//判断是否到边界
now = target;
}
if (attr === 'opacity') {
ele.style.opacity = now / 100;//改变元素的位置
ele.style.filte = 'alpha(opacity=' + now + ')';//改变元素的位置
} else {
ele.style[attr] = now + 'px';//改变元素的位置
}
if (now !== target) {
tag = false;
}
}
if (tag) {
clearInterval(ele.time);
callback && callback();
}
}, 30);
}
function getstyle(ele, attr) {
if (window.getComputedStyle)
return window.getComputedStyle(ele)[attr];
else return ele.currentStyle[attr];
}
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
JavaScript
1
https://gitee.com/eye-feather/aircraft-battle-games.git
git@gitee.com:eye-feather/aircraft-battle-games.git
eye-feather
aircraft-battle-games
飞机大战小游戏
master

搜索帮助

0d507c66 1850385 C8b1a773 1850385