动画.js
5星
- 浏览量: 0
- 大小:None
- 文件类型：None
简介：
《动画.js》是一本结合网页编程与视觉创意的手册，教授读者如何运用JavaScript创造生动有趣的互动式动画效果。适合前端开发者和设计师阅读。
在编写动画封装函数的过程中遇到了一个问题：执行第一个清除定时器操作时报错“Uncaught TypeError: Cannot read property times of null”。以下是修正后的代码：
```javascript
function animate(obj, target) {
// 首先确保清除之前可能存在的定时器
if (obj.times !== undefined && obj.times !== null) {
clearInterval(obj.times);
}
// 创建新的定时器并开始动画过程
obj.times = setInterval(function() {
var step = (target - obj.offsetLeft) / 10;
step = step > 0 ? Math.ceil(step) : Math.floor(step);
if (obj.offsetLeft === target) {
clearInterval(obj.times);
} else {
obj.style.left = obj.offsetLeft + step + px;
}
}, 15);
}
```
此代码解决了初始报错问题，并确保了定时器被正确清除和设置。
全部评论 (0)
