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 相关文章推荐
js chrome浏览器判断代码
Mar 28 Javascript
另一个javascript小测验(代码集合)
Jul 27 Javascript
JS倒计时代码汇总
Nov 25 Javascript
jquery实现的横向二级导航效果代码
Aug 26 Javascript
jQuery中cookie插件用法实例分析
Dec 04 Javascript
Vue 2.x教程之基础API
Mar 06 Javascript
Vuex中mutations与actions的区别详解
Mar 01 Javascript
详解Vue中组件的缓存
Apr 20 Javascript
Vue移动端右滑屏幕返回上一页附源码下载
Jun 26 Javascript
layui点击按钮页面会自动刷新的解决方案
Oct 25 Javascript
Vue(定时器)解决mounted不能获取到data中的数据问题
Jul 30 Javascript
JavaScript圣杯布局与双飞翼布局实现案例详解
Aug 05 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
thinkphp路由规则使用示例详解和伪静态功能实现(apache重写)
2014/02/24 PHP
php实现搜索一维数组元素并删除二维数组对应元素的方法
2015/07/06 PHP
javascript 模拟点击广告
2010/01/02 Javascript
javascript学习笔记(二十) 获得和设置元素的特性(属性)
2012/06/20 Javascript
jquery 滚动条事件简单实例
2013/07/12 Javascript
window.onresize 多次触发的解决方法
2013/11/08 Javascript
JS获得QQ号码的昵称,头像,生日的简单实例
2013/12/04 Javascript
javascript框架设计之类工厂
2015/06/23 Javascript
Javascript实现获取及设置光标位置的方法
2015/07/21 Javascript
JavaScript基本数据类型及值类型和引用类型
2015/08/25 Javascript
JS+CSS实现的简单折叠展开多级菜单效果
2015/09/12 Javascript
JS实现随机颜色的3种方法与颜色格式的转化
2017/01/05 Javascript
ES6中Math对象新增的方法实例详解
2017/04/25 Javascript
xmlplus组件设计系列之路由(ViewStack)(7)
2017/05/02 Javascript
JavaScript函数表达式详解及实例
2017/05/05 Javascript
JS实现中文汉字按拼音排序的方法
2017/10/09 Javascript
在vue项目中安装使用Mint-UI的方法
2017/12/27 Javascript
关于laydate.js加载laydate.css路径错误问题解决
2017/12/27 Javascript
操作按钮悬浮固定在微信小程序底部的实现代码
2019/08/02 Javascript
vue组件开发之slider组件使用详解
2020/08/21 Javascript
js节流防抖应用场景,以及在vue中节流防抖的具体实现操作
2020/09/21 Javascript
Python使用修饰器执行函数的参数检查功能示例
2017/09/26 Python
Python实现去除列表中重复元素的方法小结【4种方法】
2018/04/27 Python
33个Python爬虫项目实战(推荐)
2019/07/08 Python
Python3使用xlrd、xlwt处理Excel方法数据
2020/02/28 Python
Spartoo英国:欧洲最大的网上鞋店
2016/09/13 全球购物
澳大利亚最受欢迎的女士度假服装:Kabana Shop
2020/10/10 全球购物
我们在web应用开发过程中经常遇到输出某种编码的字符,如iso8859-1等,如何输出一个某种编码的字符串?
2014/03/30 面试题
中学实习教师自我鉴定
2013/12/12 职场文书
最新结婚典礼主持词
2014/03/14 职场文书
分家协议书
2014/04/21 职场文书
大学生推广普通话演讲稿
2014/09/21 职场文书
财产分割协议书范本
2014/11/03 职场文书
2015年度企业工作总结
2015/05/21 职场文书
工作态度怎么写
2015/06/25 职场文书
超市员工管理制度
2015/08/06 职场文书