手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >javascript + jquery实现定时修改文章标题
javascript + jquery实现定时修改文章标题
摘要:用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 + jquery实现定时修改文章标题】相关文章:

javascript实现查找数组中最大值方法汇总

javascript结合Flexbox简单实现滑动拼图游戏

JavaScript实现自动变换表格边框颜色

javascript搜索框效果实现方法

JavaScript实现列表分页功能特效

jQuery实现不断闪烁文字的方法

javascript实现表格增删改操作实例详解

JavaScript实现的MD5算法完整实例

javascript去除空格方法小结

javascript实现设置、获取和删除Cookie的方法

精品推荐
分类导航