快捷導(dǎo)航

javascript + jquery實(shí)現(xiàn)定時(shí)修改文章標(biāo)題

更新時(shí)間：2014年03月19日 15:17:44 作者：

用javascript+jquery寫的一個(gè)定時(shí)器，定時(shí)修改文章標(biāo)題,需要的朋友可以參考下

用javascript+jquery寫的一個(gè)定時(shí)器，定時(shí)修改文章標(biāo)題。

 
<!DOCTYPE html> 
<html> 
<head> 
<title>TODO supply a title</title> 
<meta charset="GB2312"> 
<meta name="viewport" content="width=device-width"> 
</head> 

<body> 
<div> 
<ul id="jokeTitle"> 
<li class="line">Test Line One</li> 
<li class="line">Test Line Two</li> 
<li class="line">Test Line Three</li> 
</ul> 
</div> 
<script type="text/javascript" src="ie/js/jquery-1.9.0.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 

var changeJokeTitle = { 
line:3, //笑話的總行數(shù) 
timeSpan:1850, //時(shí)間間隔（毫秒） 
interval:'', //定時(shí)器句柄，以便于停止 
showLineFlag:0, //標(biāo)志， 
change:function(){ 

var currentLine = (++changeJokeTitle.showLineFlag)%(changeJokeTitle.line); 

$('#jokeTitle li:eq('+currentLine+')').show(); 
$('#jokeTitle li:not(:eq('+currentLine+'))').hide(); 
}, 
run:function(){ 
$('#jokeTitle li:eq(0)').show(); 
$('#jokeTitle li:not(:eq(0))').hide(); 
changeJokeTitle.interval = setInterval(changeJokeTitle.change, changeJokeTitle.timeSpan); 
} 
}; 

changeJokeTitle.run(); 

}); 
</script> 
</body> 

</html> 

您可能感興趣的文章:

相關(guān)文章

js跨瀏覽器實(shí)現(xiàn)將字符串轉(zhuǎn)化為xml對(duì)象的方法
將字符串轉(zhuǎn)化為xml對(duì)象需要注意的是該死的ie多版本的問題，具體實(shí)現(xiàn)如下，感興趣的朋友不妨參考下本文，希望對(duì)大家有所幫助
2013-09-09
十分鐘教你上手ES2020新特性
這篇文章主要介紹了十分鐘教你上手ES2020新特性，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-02-02
JS中自定義事件的使用與觸發(fā)操作實(shí)例分析
這篇文章主要介紹了JS中自定義事件的使用與觸發(fā)操作,結(jié)合實(shí)例形式分析了JavaScript自定義事件的創(chuàng)建、監(jiān)聽、觸發(fā)相關(guān)原理與使用技巧,需要的朋友可以參考下
2019-11-11
原生JS實(shí)現(xiàn)隱藏顯示圖片 JS實(shí)現(xiàn)點(diǎn)擊切換圖片效果
這篇文章主要為大家詳細(xì)介紹了原生JS實(shí)現(xiàn)隱藏顯示圖片，JS實(shí)現(xiàn)點(diǎn)擊切換圖片效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-07-07
JS+Canvas繪制時(shí)鐘效果
這篇文章主要為大家詳細(xì)介紹了基于javascript下使用canvas繪制時(shí)鐘的具體實(shí)現(xiàn)代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-05-05
JS觸發(fā)服務(wù)器控件的單擊事件(詳解)
下面小編就為大家?guī)硪黄狫S觸發(fā)服務(wù)器控件的單擊事件(詳解)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-08-08
JavaScript引用類型之基本包裝類型實(shí)例分析【Boolean、Number和String】
這篇文章主要介紹了JavaScript引用類型之基本包裝類型,結(jié)合實(shí)例形式分析了javascript中Boolean、Number和String三種基本包裝類型的基本用法與相關(guān)操作注意事項(xiàng),需要的朋友可以參考下
2018-08-08
微信小程序?qū)崿F(xiàn)手勢(shì)滑動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)手勢(shì)滑動(dòng)效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-08-08
document.getElementById方法在Firefox與IE中的區(qū)別
相信很多朋友在寫JavaScript的時(shí)候，對(duì)瀏覽器的兼容問題會(huì)感到很頭疼。這不，煩什么，什么就來了，特記錄下來，與大家分享。
2010-05-05
three.js顯示中文字體與tween應(yīng)用詳析
這篇文章主要給大家介紹了關(guān)于three.js顯示中文字體與tween應(yīng)用的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2021-01-01