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(){
//設置觸發(fā)事件
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){
//判斷是否為第一次執(zhí)行
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規(guī)范的JavaScript模塊加載框架，可以實現JavaScript的模塊化開發(fā)及加載機制,本文給大家介紹JavaScript模塊化開發(fā)之SeaJS，需要的朋友參考下2015-12-12
使用<web-view>標簽能在小程序中打開外部網頁,但是要打開的網頁的域名必須跟小程序的業(yè)務域名(業(yè)務域名可以在小程序的后臺管理界面添加)一致,否則在真機上是打不開的,下面這篇文章主要給大家介紹了關于微信小程序嵌入H5頁面(web-view)的相關資料,需要的朋友可以參考下2022-09-09
javascript實現的一個自定義長度的文本自動換行的函數。
javascript實現的一個自定義長度的文本自動換行的函數。...2007-08-08