HTML5应用——生日快乐动画之星星_html5生日快乐动态-CSDN博客

本文链接：https://blog.csdn.net/jin123wang/article/details/7280635

这篇博客探讨了如何使用HTML5结合JavaScript创建一个生日快乐动画，特别是聚焦于绘制星星并实现闪烁效果。首先介绍了JavaScript的面向对象特性，尽管它本质上是一种脚本语言，但在构建多对象和复杂脚本时，采用面向对象的方式能提高代码的可维护性和可扩展性。接着详细讲解了如何构造JavaScript对象来实现动画中的星星元素。

摘要由CSDN通过智能技术生成

在讲述绘制星星动画之前，先介绍一点javascript知识。

面向对象: javascript本质上不是面向对象语言，而是脚本语言，一般只适合简单、代码量少的程序，因为脚本过于复杂会直接导致浏览器出现异常。但是javascript还是具有面向对象的特点的。对于多过程、多对象的脚本程序还是建议构建对象，这样对于脚本的维护、修改和调用都是很方便的。javascript构造对象很简单，比起java、c++简单很多，例如构建一辆汽车的对象:

var Car=function()//构建车的对象
{     this.color="red";  
      this.price=100000;  
      this.length=2.5;  
      this.speed=80;   //车的一些属性  
      this.x=0;  
      this.updatePos=function()  //更新车位置的方法  
      {    this.x+=this.speed;  
      }
}






构建好对象之后就可以构建对象了，var mycar=new Car();

setInterval()：这是javascript中的定时器函数，有两个参数，前面是待执行的代码，后面一个是间隔时间。但是有几点需要注意的问题。
1：假设有一个函数GetPos()需要用定时器执行，可以setInterval(GetPos,1000)或者setInterval("GetPos()",1000) 如果写成setInterval(GetPos,1000)一般只会执行一次这个函数，我曾经犯过这个错误。
2：在setInterval()中尽量使用全局变量，因为它重复调用，局部变量容易出错。