js 自动播放的实例代码
更新时间：2013年11月19日 17:49:37 作者：
这篇文章主要介绍了js 自动播放的实例代码，有需要的朋友可以参考一下
复制代码 代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>auto play</title>
<script type="text/javascript" src="../jquery-1.8.0.min.js" /></script>
<script type="text/javascript">
//数组的第一项为时长，其他项可自定义
data = [["3","a"],["2","b"],["3","c"],["2","d"],["1",""]];
$(document).ready(function(){
//设置触发事件
autoPlay.run = function(obj,num){
back(obj,num);
};
autoPlay();
});
function back(obj,num){
$("#div_show").html(obj[num][1]);
}
function autoPlay(){
//初始化计数参数
if(autoPlay.num ==undefined)
autoPlay.num = 0;
//初始化时间点
if(autoPlay.timepoint ==undefined)
autoPlay.timepoint = new Date().getTime();
if(autoPlay.num<data.length){
//函数句柄，data 数组，autoPlay.num当前下标
autoPlay.run(data,autoPlay.num);
//按照元素时间长度播放数组
if(new Date().getTime()>autoPlay.timepoint){
//判断是否为第一次执行
if(autoPlay.first==undefined)
autoPlay.first = true;
else
autoPlay.num++;
//设置下一次播放的时间点
autoPlay.timepoint += (data[autoPlay.num][0]*1000);
}
setTimeout("autoPlay()",500);
}
}
$.extend({autoPlay:function(){
var defaults = {inteval:500};
}});
</script>
</head>
<body>
<div id="div_show"></div>
</body>
</html>
定义播放时间，可以定义事件
相关文章
在JavaScript中,可以使用HTML5提供的Canvas元素来进行绘图操作,要使用canvas元素,浏览器必须支持html5,Canvas是一个HTML元素,可以通过JavaScript来操作和绘制图形,本文示例实现js和canvas绘制圆形金属质感的诗词高级排版特效2024-09-09
这篇文章主要介绍了JavaScript设计模式之模板方法模式原理与用法,结合实例形式分析了JavaScript模板方法模式的概念、组成、定义、使用等相关操作技巧与注意事项,需要的朋友可以参考下2018-08-08
可折叠的树形菜单想必大家并不陌生吧，实现方法有多种，在本文将为大家介绍下js是如何实现的，希望对大家有所帮助2013-09-09
今天来聊一下JavaScript中的对象访问器,JavaScript的主要功能之一是能够定义对象,这些对象可以封装属性和方法,本文将深入探讨 JavaScript 对象访问器是什么、它是如何工作的以及使用对象访问器的作用,需要的朋友可以参考下2024-06-06
这篇文章主要介绍了基于Web Audio API实现音频可视化效果,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-06-06
这篇文章主要介绍用js的confirm实现的删除条目时弹出的确认对话框，询问是否要删除这条记录,需要的朋友可以参考下2014-06-06
这篇文章主要为大家详细介绍了BootStrap table实现表格行拖拽效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-12-12
SeaJS是一个遵循CommonJS规范的JavaScript模块加载框架，可以实现JavaScript的模块化开发及加载机制,本文给大家介绍JavaScript模块化开发之SeaJS，需要的朋友参考下2015-12-12
使用<web-view>标签能在小程序中打开外部网页,但是要打开的网页的域名必须跟小程序的业务域名(业务域名可以在小程序的后台管理界面添加)一致,否则在真机上是打不开的,下面这篇文章主要给大家介绍了关于微信小程序嵌入H5页面(web-view)的相关资料,需要的朋友可以参考下2022-09-09
javascript实现的一个自定义长度的文本自动换行的函数。
javascript实现的一个自定义长度的文本自动换行的函数。...2007-08-08
最新评论