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保存网页为图片借助于html2canvas库实现
Sep 05 Javascript
详解JavaScript对象类型
Jun 16 Javascript
jQuery实现的导航下拉菜单效果
Jul 04 Javascript
JavaScript之underscore_动力节点Java学院整理
Jul 03 Javascript
jQuery Validate格式验证功能实例代码(包括重名验证)
Jul 18 jQuery
js实现图片放大展示效果
Aug 30 Javascript
React Native 自定义下拉刷新上拉加载的列表的示例
Mar 01 Javascript
基于express中路由规则及获取请求参数的方法
Mar 12 Javascript
js常见遍历操作小结
Jun 06 Javascript
如何使用CSS3+JQuery实现悬浮墙式菜单
Jun 18 jQuery
微信小程序如何获取地址
Dec 24 Javascript
EXTJS7实现点击拖拉选择文本
Dec 17 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常用代码大全(新手入门必备)
2010/06/29 PHP
php无限遍历目录示例
2014/02/21 PHP
php文件服务实现虚拟挂载其他目录示例
2014/04/17 PHP
thinkphp学习笔记之多表查询
2014/07/28 PHP
php正则提取html图片(img)src地址与任意属性的方法
2017/02/08 PHP
PHP中单例模式与工厂模式详解
2017/02/17 PHP
浅析PHP类的反射来实现依赖注入过程
2018/02/06 PHP
PDO::quote讲解
2019/01/29 PHP
ThinkPHP5+UEditor图片上传到阿里云对象存储OSS功能示例
2019/08/05 PHP
如何实现动态删除javascript函数
2007/05/27 Javascript
JS Excel读取和写入操作(模板操作)实现代码
2010/04/11 Javascript
JS如何将UTC格式时间转本地格式
2013/09/04 Javascript
基于NodeJS的前后端分离的思考与实践(四)安全问题解决方案
2014/09/26 NodeJs
JavaScript中的值类型转换介绍
2014/12/31 Javascript
JavaScript基于原型链的继承
2016/06/22 Javascript
plupload+artdialog实现多平台上传文件
2016/07/19 Javascript
JavaScript动态检验密码强度的实现方法
2016/11/09 Javascript
微信小程序实现带刻度尺滑块功能
2017/03/29 Javascript
vue.js中$set与数组更新方法
2018/03/08 Javascript
React如何避免重渲染
2018/04/10 Javascript
详解Vue路由自动注入实践
2019/04/17 Javascript
如何阻止小程序遮罩层下方图层滚动
2019/09/05 Javascript
Python挑选文件夹里宽大于300图片的方法
2015/03/05 Python
Python 中的 else详解
2016/04/23 Python
Python编写一个优美的下载器
2018/04/15 Python
基于python的socket实现单机五子棋到双人对战
2020/03/24 Python
python 批量解压压缩文件的实例代码
2019/06/27 Python
Windows 下python3.8环境安装教程图文详解
2020/03/11 Python
详解Python openpyxl库的基本应用
2021/02/26 Python
Html5实现iPhone开机界面示例代码
2013/06/30 HTML / CSS
给排水专业应届生求职信
2013/10/12 职场文书
四风问题个人对照检查剖析材料
2014/09/27 职场文书
2014年度工作总结报告
2014/12/15 职场文书
2015年八一建军节演讲稿
2015/03/19 职场文书
读《儒林外史》有感:少一些功利,多一些真诚
2020/01/19 职场文书
PHP实现rar解压读取扩展包小结
2021/06/03 PHP