js 自動(dòng)播放的實(shí)例代碼
更新時(shí)間：2013年11月19日 17:49:37 作者：
這篇文章主要介紹了js 自動(dòng)播放的實(shí)例代碼，有需要的朋友可以參考一下
復(fù)制代碼 代碼如下:
<!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">
//數(shù)組的第一項(xiàng)為時(shí)長(zhǎng)，其他項(xiàng)可自定義
data = [["3","a"],["2","b"],["3","c"],["2","d"],["1",""]];
$(document).ready(function(){
//設(shè)置觸發(fā)事件
autoPlay.run = function(obj,num){
back(obj,num);
};
autoPlay();
});
function back(obj,num){
$("#div_show").html(obj[num][1]);
}
function autoPlay(){
//初始化計(jì)數(shù)參數(shù)
if(autoPlay.num ==undefined)
autoPlay.num = 0;
//初始化時(shí)間點(diǎn)
if(autoPlay.timepoint ==undefined)
autoPlay.timepoint = new Date().getTime();
if(autoPlay.num<data.length){
//函數(shù)句柄，data 數(shù)組，autoPlay.num當(dāng)前下標(biāo)
autoPlay.run(data,autoPlay.num);
//按照元素時(shí)間長(zhǎng)度播放數(shù)組
if(new Date().getTime()>autoPlay.timepoint){
//判斷是否為第一次執(zhí)行
if(autoPlay.first==undefined)
autoPlay.first = true;
else
autoPlay.num++;
//設(shè)置下一次播放的時(shí)間點(diǎn)
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>
定義播放時(shí)間，可以定義事件
相關(guān)文章
在JavaScript中,可以使用HTML5提供的Canvas元素來進(jìn)行繪圖操作,要使用canvas元素,瀏覽器必須支持html5,Canvas是一個(gè)HTML元素,可以通過JavaScript來操作和繪制圖形,本文示例實(shí)現(xiàn)js和canvas繪制圓形金屬質(zhì)感的詩詞高級(jí)排版特效2024-09-09
JavaScript設(shè)計(jì)模式之模板方法模式原理與用法示例
這篇文章主要介紹了JavaScript設(shè)計(jì)模式之模板方法模式原理與用法,結(jié)合實(shí)例形式分析了JavaScript模板方法模式的概念、組成、定義、使用等相關(guān)操作技巧與注意事項(xiàng),需要的朋友可以參考下2018-08-08
可折疊的樹形菜單想必大家并不陌生吧，實(shí)現(xiàn)方法有多種，在本文將為大家介紹下js是如何實(shí)現(xiàn)的，希望對(duì)大家有所幫助2013-09-09
JavaScript對(duì)象訪問器的工作原理及使用方法
今天來聊一下JavaScript中的對(duì)象訪問器,JavaScript的主要功能之一是能夠定義對(duì)象,這些對(duì)象可以封裝屬性和方法,本文將深入探討 JavaScript 對(duì)象訪問器是什么、它是如何工作的以及使用對(duì)象訪問器的作用,需要的朋友可以參考下2024-06-06
基于Web Audio API實(shí)現(xiàn)音頻可視化效果
這篇文章主要介紹了基于Web Audio API實(shí)現(xiàn)音頻可視化效果,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-06-06
這篇文章主要介紹用js的confirm實(shí)現(xiàn)的刪除條目時(shí)彈出的確認(rèn)對(duì)話框，詢問是否要?jiǎng)h除這條記錄,需要的朋友可以參考下2014-06-06
BootStrap table實(shí)現(xiàn)表格行拖拽效果
這篇文章主要為大家詳細(xì)介紹了BootStrap table實(shí)現(xiàn)表格行拖拽效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-12-12
SeaJS是一個(gè)遵循CommonJS規(guī)范的JavaScript模塊加載框架，可以實(shí)現(xiàn)JavaScript的模塊化開發(fā)及加載機(jī)制,本文給大家介紹JavaScript模塊化開發(fā)之SeaJS，需要的朋友參考下2015-12-12
使用<web-view>標(biāo)簽?zāi)茉谛〕绦蛑写蜷_外部網(wǎng)頁,但是要打開的網(wǎng)頁的域名必須跟小程序的業(yè)務(wù)域名(業(yè)務(wù)域名可以在小程序的后臺(tái)管理界面添加)一致,否則在真機(jī)上是打不開的,下面這篇文章主要給大家介紹了關(guān)于微信小程序嵌入H5頁面(web-view)的相關(guān)資料,需要的朋友可以參考下2022-09-09
javascript實(shí)現(xiàn)的一個(gè)自定義長(zhǎng)度的文本自動(dòng)換行的函數(shù)。
javascript實(shí)現(xiàn)的一個(gè)自定義長(zhǎng)度的文本自動(dòng)換行的函數(shù)。...2007-08-08