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