Posted in Javascript onMarch 19, 2014
用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, //笑话的总行数 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>
javascript + jquery实现定时修改文章标题
声明:登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。
Reply on: @reply_date@
@reply_contents@