Javascript&DHTML实例编程（教程）（四）初级实例篇2—动画_基础知识

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Javascript&DHTML实例编程（教程）（四）初级实例篇2—动画_基础知识，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含5414字，纯文字阅读大概需要8分钟。

内容图文

上篇说了动态创建结点和删除结点的例子，这一篇说一些如何用setInterval和setTimeout做简单的动画。
语法皆是window.setTimeout(fn, delay), window.setInterval(fn, delay)
fn可以是一个函数名，也可以是一个执行的字符串，但要注意的是，如果fn是一个可以执行的字符串，且有参数，如window.setInterval("myFunction(obj)",1000)将可能抛出一个异常，这个时候，通常是你要传递一个对象参数，我建议用这样的一个办法来解决，也建议使用这种方法来使用window.setTimeout和window.setInterval：

window.setInterval(function (){
myFunction(obj);},1000);

还有一种情况就是在一个"class"里，即要执行this.myFunction(obj)如何实现呢？


function jsclass() {};
jsclass.prototype.init = function (obj) {
var self = this; //创建一个this指针的引用
window.setInterval(function(obj) {
self.myFunction(obj);},1000);
};
jsclass.prototype.myFunction = function (obj) {
//TODO
};

DHTML的全局方法setInterval和setTimeout，所谓全局，即在window层，不属于DHTML的DOM元素的方法里，这两个有一些区别，网上也有很多说明，也就是setInterval是循环执行一个指定函数，setTimeout是只执行一次。例外说明一点，属于window层次的，可以在前面不加window，即可以用window.setInterval也可以直接用setInterval。

它们都返回一个数字型的timerId，用于cleaverInterval/clearTimeout方法，从setInterval/setTimeout中返回。如果做过桌面应用的朋友，可以把这个setInterval和setTimeout假想成创建一个线程，而timerId则是一个线程Id，而cleaverInterval/clearTimeout方法则是消毁这个线程。也许这样可以更好的理解这两个方法。

(在具体的应用中，我更驱向于用setTimeout。)

知道这两个方法的功能，先来写一个简单的例子：

一个一秒后弹出的alert对话框。

内容总结

以上是互联网集市为您收集整理的Javascript&DHTML实例编程（教程）（四）初级实例篇2—动画_基础知识全部内容，希望文章能够帮你解决Javascript&DHTML实例编程（教程）（四）初级实例篇2—动画_基础知识所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---