JavaScript 自动播放代码实现-优快云博客

本文介绍了如何使用JavaScript编写自动播放的代码，重点在于定义播放时间和触发事件，适用于HTML和XHTML页面中的元素操作，如div和音频控制。

定义播放时间，可以定义事件

<!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" src="../ul/color.js" ></script>
<style type="text/css" >
	#div_show{width:300px; height:200px;}
</style>
<script type="text/javascript">
	//数组的第一项为时长，其他项可自定义
	data = [["10","a"],["5","b"],["10","c"],["5","d"],["1",""]];

	$(document).ready(function(){
		//设置触发事件
		autoPlay.run = function(obj,num){
			back(obj,num);
		};
		autoPlay();
	});
	
	function back(obj,num){
		$("#div_show").html(obj[num][1]);
		$("#div_show").css({"background":getColor(100,240)});
	}
	
	function autoPlay(){
		//初始化计数参数
		if(autoPlay.num ==undefined)
			autoPlay.num = 0;
			
		if(autoPlay.num<data.length){
			//判断是否为第一次执行
			if(autoPlay.first==undefined)
				autoPlay.first = true;
			else
				autoPlay.num++;
			//函数句柄，data 数组，autoPlay.num当前下标
			autoPlay.run(data,autoPlay.num);
			setTimeout("autoPlay()",data[autoPlay.num][0]*1000);
		}
	}
	
	$.extend({autoPlay:function(){
		var defaults = {inteval:500};
	}});

</script>
</head>
<body>
<div id="div_show"></div>
</body>
</html>

js 自动播放代码