javascript + jquery实现定时修改文章标题


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 相关文章推荐
JavaScript对象模型-执行模型
Apr 28 Javascript
浅谈JavaScript的自动垃圾收集机制
Dec 15 Javascript
BootStrap Table 获取同行不同列元素的方法
Dec 19 Javascript
js实现简单的网页换肤效果
Jan 18 Javascript
浅谈js中用$(#ID)来作为选择器的问题(id重复的时候)
Feb 14 Javascript
Vue实现点击后文字变色切换方法
Feb 11 Javascript
详解vue-cli+es6引入es5写的js(两种方法)
Apr 19 Javascript
JS数组Object.keys()方法的使用示例
Jun 05 Javascript
JS document文档的简单操作完整示例
Jan 13 Javascript
vue实现列表滚动的过渡动画
Jun 29 Javascript
Openlayers实现点闪烁扩散效果
Sep 24 Javascript
详细聊聊浏览器是如何看闭包的
Nov 11 Javascript
深入理解Javascript里的依赖注入
Mar 19 #Javascript
js判断字符长度及中英文数字等
Mar 19 #Javascript
引入autocomplete组件时JS报未结束字符串常量错误
Mar 19 #Javascript
写出高效jquery代码的19条指南
Mar 19 #Javascript
JavaScript调试技巧之console.log()详解
Mar 19 #Javascript
js用闭包遍历树状数组的方法
Mar 19 #Javascript
Jquery原生态实现表格header头随滚动条滚动而滚动
Mar 18 #Javascript
You might like
一个颜色轮换的简单例子
2006/10/09 PHP
php 归并排序 数组交集
2011/05/10 PHP
PHP stream_context_create()函数的使用示例
2015/05/12 PHP
修改Laravel5.3中的路由文件与路径
2016/08/10 PHP
php 中的closure用法详解
2017/06/12 PHP
jQuery 学习第五课 Ajax 使用说明
2010/05/17 Javascript
jQuery .tmpl(), .template()学习资料小结
2011/07/18 Javascript
js substr、substring和slice使用说明小记
2011/09/15 Javascript
基于jquery编写的横向自适应幻灯片切换特效的实例代码
2013/08/06 Javascript
JS和Jquery获取和修改label的值的示例代码
2014/01/15 Javascript
jQuery中$.each使用详解
2015/01/29 Javascript
JavaScript获取表格(table)当前行的值、删除行、增加行
2015/07/03 Javascript
原生js实现百叶窗效果及原理介绍
2016/04/12 Javascript
移动端界面的适配
2017/01/11 Javascript
JavaScript实现随机数生成器(去重)
2017/10/13 Javascript
vue项目总结之文件夹结构配置详解
2017/12/13 Javascript
js实现上传并压缩图片效果
2018/01/10 Javascript
Vue.js构建你的第一个包并在NPM上发布的方法步骤
2019/05/01 Javascript
es6中let和const的使用方法详解
2020/02/24 Javascript
python遍历 truple list dictionary的几种方法总结
2016/09/11 Python
[原创]Python入门教程5. 字典基本操作【定义、运算、常用函数】
2018/11/01 Python
使用python实现抓取腾讯视频所有电影的爬虫
2019/04/15 Python
python实现批量视频分帧、保存视频帧
2019/05/31 Python
Django Aggregation聚合使用方法解析
2019/08/01 Python
django rest framework serializer返回时间自动格式化方法
2020/03/31 Python
CSS的pointer-events属性详细介绍(作用和注意事项)
2014/04/23 HTML / CSS
利用html5 canvas破解简单验证码及getImageData接口应用
2013/01/25 HTML / CSS
李维斯法国官网:Levi’s法国
2019/07/13 全球购物
Perfume’s Club英国官网:购买香水和护肤品
2019/11/02 全球购物
美国手机支架公司:PopSockets
2019/11/27 全球购物
大学生创业计划书的范文
2014/01/07 职场文书
《灯光》教学反思
2014/02/08 职场文书
英语演讲稿3分钟
2014/04/29 职场文书
劳模先进事迹材料
2014/12/24 职场文书
小学工作总结2015
2015/05/04 职场文书
background-position百分比原理详解
2021/05/08 HTML / CSS