javascript + jquery实现定时修改文章标题_Javascript教程-查字典教程网
javascript + jquery实现定时修改文章标题
javascript + jquery实现定时修改文章标题
发布时间:2016-12-30 来源:查字典编辑
摘要:用javascript+jquery写的一个定时器,定时修改文章标题。复制代码代码如下:TODOsupplyatitleTestLineOn...

用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>Test Line One</li>

<li>Test Line Two</li>

<li>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教程学习
    热门Javascript教程学习
    编程开发子分类