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 相关文章推荐
解决FLASH需要点击激活的代码
Dec 20 Javascript
jquery根据name属性查找的小例子
Nov 21 Javascript
基于jQuery实现点击最后一行实现行自增效果的表格
Jan 12 Javascript
AngularJS中使用HTML5手机摄像头拍照
Feb 22 Javascript
jquery动态切换背景图片的简单实现方法
May 14 Javascript
详解Javascript ES6中的箭头函数(Arrow Functions)
Aug 24 Javascript
javascript中数组(Array)对象和字符串(String)对象的常用方法总结
Dec 15 Javascript
jQuery选择器之层次选择器用法实例分析
Feb 19 jQuery
js字符串类型String常用操作实例总结
Jul 05 Javascript
vue实现直播间点赞飘心效果的示例代码
Sep 20 Javascript
vue实现权限控制路由(vue-router 动态添加路由)
Nov 04 Javascript
查找Vue中下标的操作(some和findindex)
Aug 12 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
PHP轻量级数据库操作类Medoo增加、删除、修改、查询例子
2014/07/04 PHP
php保存任意网络图片到服务器的方法
2015/04/14 PHP
学习php设计模式 php实现门面模式(Facade)
2015/12/07 PHP
PHP合并数组的2种方法小结
2016/11/24 PHP
php+lottery.js实现九宫格抽奖功能
2019/07/21 PHP
页面载入结束自动调用js函数示例
2013/09/23 Javascript
javascript中Number对象的toString()方法分析
2014/12/20 Javascript
JS获取时间的方法
2015/01/21 Javascript
Jquery on方法绑定事件后执行多次的解决方法
2016/06/02 Javascript
NodeJS配置HTTPS服务实例分享
2017/02/19 NodeJs
Vue 多层组件嵌套二种实现方式(测试实例)
2017/09/08 Javascript
nodejs实现大文件(在线视频)的读取
2020/10/16 NodeJs
微信小程序开发背景图显示功能
2018/08/08 Javascript
vue里面使用mui的弹出日期选择插件实例
2018/09/16 Javascript
JavaScript学习教程之cookie与webstorage
2019/06/23 Javascript
Elementui表格组件+sortablejs实现行拖拽排序的示例代码
2019/08/28 Javascript
python在指定目录下查找gif文件的方法
2015/05/04 Python
安装dbus-python的简要教程
2015/05/05 Python
Python选课系统开发程序
2016/09/02 Python
python 读取excel文件生成sql文件实例详解
2017/05/12 Python
Python数据结构与算法之图的基本实现及迭代器实例详解
2017/12/12 Python
利用pandas将numpy数组导出生成excel的实例
2018/06/14 Python
启动Atom并运行python文件的步骤
2018/11/09 Python
python实现从wind导入数据
2019/12/03 Python
opencv3/C++实现视频读取、视频写入
2019/12/11 Python
将python依赖包打包成window下可执行文件bat方式
2019/12/26 Python
python利用xlsxwriter模块 操作 Excel
2020/10/14 Python
Django-celery-beat动态添加周期性任务实现过程解析
2020/11/26 Python
基于 HTML5 Canvas实现 的交互式地铁线路图
2018/03/05 HTML / CSS
西班牙汉普顿小姐:购买帆布鞋和太阳镜
2016/10/23 全球购物
strstr()的简单实现
2013/09/26 面试题
生产部统计员岗位职责
2014/01/05 职场文书
《最大的“书”》教学反思
2014/02/14 职场文书
财务人员个人工作总结
2015/02/27 职场文书
故意杀人罪辩护词
2015/05/21 职场文书
离婚答辩状怎么写
2015/05/22 职场文书