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, //笑话的总行数 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> |