繁體中文当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 用JavaScript实现动画效果(2)
- HTML/XHTML教程
- Web浏览器模式的选择机制
- XHTML+CSS建站如何调用样式表
- HTML5和CSS3新的WEB标准和浏览器支持
- HTML代码:网页头部代码全清楚
- 网页制作:HTML代码编写的30条技巧
- HTML教程:link标记的rel属性
- 网页设计参考:firefox的默认样式
- 网页设计初学者必看的30个网页制作秘笈
- 网页制作推荐使用的XHTML标记
- 网页HTML代码讲解:有序列表和无序列表
- IE8开发人员工具的菜单讲解
- 提高用户体验与新窗口打开网页的关系
- 解决IE支持HTML5的问题
- 了解如何减少 reflow 次数
- 平面设计理论:创造视觉冲击力作品
- 网页HTML 有序列表ol 和无序列表 ul
- HTML Frameset 例子代码
- 让输入框关闭自动完成（AutoComplete）功能
- IE支持HTML5的解决方法
- 基础 HTML之目录问题(相对路径和绝对路径区别)
HTML/XHTML教程 中的 用JavaScript实现动画效果(2)
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-11-04 浏览: 90 ::
收藏到网摘: n/a
<body>
<div id="div1" style="visibility:visible; position:absolute; left:10; top:10; z-index:1;">
<table bgColor="#FFFFCC" border="1"cellPadding="0" cellSpacing="0">
<tr>
<td>I can moving...</td>
</tr>
</table>
</div>
<br><br>
<input type="button" value="开始移动" onClick="startMove()">
<input type="button" value="停止移动" onClick="stopMove()">
</body>
</html>
这里主要使用了一个叫setTimeout(function, interval)函数，这个函数的参数格式为：
第一个参数“function”为超时后调用的函数名，第二个参数“interval”为超时值，以微秒为单位。
注意一点是如果要停止这个计时器，必须保存调用这个setTimeout()函数后的返回值，通过clearTimeout(id)函数来取消计时器。
评论 (0) All
