原生JS动画

思路：

1.原生js使用setInterval 每N秒钟改变属性值；

2.原生js使用setInterval 每N秒钟改变属性值，结合css transition 属性，实现效果，效果较好；

 

HTML：

JS :

function 1:

 

Function2：

css:

transition:width 2s linear;

 -webkit-transition:width 2s linear; /* Safari */

 

全部代码，复制粘贴即可：

 

注意：该实例无法在 Internet Explorer 9 及更早 IE 版本上工作。

鼠标移动到 div 元素上，查看过渡效果。