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 相关文章推荐
jQuery编写widget的一些技巧分享
Oct 28 Javascript
jquery移动点击的项目到列表最顶端的方法
Jun 24 Javascript
12种JavaScript常用的MVC框架比较分析
Nov 16 Javascript
Javascript基础学习笔记(菜鸟必看篇)
Jul 22 Javascript
AngularJS基础 ng-click 指令示例代码
Aug 01 Javascript
Vue无限滑动周选择日期的组件的示例代码
Jul 18 Javascript
使用Angular-CLI构建NPM包的方法
Sep 07 Javascript
vue-cli脚手架搭建的项目去除eslint验证的方法
Sep 29 Javascript
vue-lazyload使用总结(推荐)
Nov 01 Javascript
JS实现深度优先搜索求解两点间最短路径
Jan 17 Javascript
浅谈Javascript中的对象和继承
Apr 19 Javascript
Laravel admin实现消息提醒、播放音频功能
Jul 10 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中的日期处理方法集锦
2007/01/02 PHP
php的access操作类
2008/04/09 PHP
PHP flock 文件锁详细介绍
2012/12/29 PHP
Linux下php5.4启动脚本
2014/08/03 PHP
php获取根域名方法汇总
2014/10/28 PHP
java模拟PHP的pack和unpack类
2016/04/13 PHP
PHP+Jquery与ajax相结合实现下拉淡出瀑布流效果【无需插件】
2016/05/06 PHP
setInterval 和 setTimeout会产生内存溢出
2008/02/15 Javascript
分享十五个最佳jQuery 幻灯插件和教程
2010/03/27 Javascript
让jQuery Mobile不显示讨厌loading界面的方法
2014/02/19 Javascript
Node.js编码规范
2014/07/14 Javascript
jQuery Validate表单验证插件 添加class属性形式的校验
2016/01/18 Javascript
需要牢记的JavaScript基础知识
2016/09/25 Javascript
jQuery如何防止Ajax重复提交
2016/10/14 Javascript
jquery封装插件时匿名函数形参和实参的写法解释
2017/02/14 Javascript
微信小程序tabBar底部导航中文注解api详解
2017/08/16 Javascript
javascript高仿热血传奇游戏实现代码
2018/02/22 Javascript
js中this的指向问题归纳总结
2018/11/28 Javascript
Vue数据绑定实例写法
2019/08/06 Javascript
vue 输入电话号码自动按3-4-4分割功能的实现代码
2020/04/30 Javascript
[07:27]DOTA2卡尔工作室 英雄介绍水晶室女篇
2013/06/21 DOTA
python 正则式使用心得
2009/05/07 Python
Linux下编译安装MySQL-Python教程
2015/02/02 Python
python提取内容关键词的方法
2015/03/16 Python
python关闭windows进程的方法
2015/04/18 Python
HTML5表格_动力节点Java学院整理
2017/07/11 HTML / CSS
无谷物狗粮:Pooch & Mutt
2018/05/23 全球购物
全球领先的美容用品专卖店:Beauty Plus Salon
2018/09/04 全球购物
Expedia法国:全球最大在线旅游公司
2018/09/30 全球购物
大学毕业生通用自我评价
2014/01/05 职场文书
机电一体化职业规划书
2014/01/07 职场文书
酒店保安领班职务说明书
2014/03/04 职场文书
ktv好的活动方案
2014/08/17 职场文书
2014客服代表实习自我鉴定
2014/09/18 职场文书
民政局标准版离婚协议书
2014/12/01 职场文书
Pytorch可视化的几种实现方法
2021/06/10 Python