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 相关文章推荐
判断目标是否是window,document,和拥有tagName的Element的代码
May 31 Javascript
jquery选择checked在ie8普通模式下的问题
Feb 12 Javascript
jquery实现在光标位置插入内容的方法
Feb 05 Javascript
图文详解Heap Sort堆排序算法及JavaScript的代码实现
May 04 Javascript
Vue.js实战之组件的进阶
Apr 04 Javascript
浅谈jQuery框架Ajax常用选项
Jul 08 jQuery
微信小程序实战篇之购物车的实现代码示例
Nov 30 Javascript
vue实现添加与删除图书功能
Oct 07 Javascript
详解Vscode中使用Eslint终极配置大全
Nov 08 Javascript
JS校验与最终登陆界面功能完整示例
Jan 13 Javascript
通过angular CDK实现页面元素拖放的步骤详解
Jul 01 Javascript
JavaScript中关于预编译、作用域链和闭包的理解
Mar 31 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
国产动画《伍六七》原声大碟大卖,啊哈娱乐引领音乐赋能IP的新尝试
2020/03/08 国漫
php中的时间显示
2007/01/18 PHP
PHP中使用BigMap实例
2015/03/30 PHP
[原创]php逐行读取txt文件写入数组的方法
2015/07/02 PHP
jquery.qrcode在线生成二维码使用示例
2013/08/21 Javascript
JavaScript异步加载浅析
2014/12/28 Javascript
jquery插件bxslider用法实例分析
2015/04/16 Javascript
vue2.0中goods选购栏滚动算法的实现代码
2017/05/17 Javascript
jQuery实现合并表格单元格中相同行操作示例
2019/01/28 jQuery
面试题:react和vue的区别分析
2019/04/08 Javascript
转换layUI的数据表格中的日期格式方法
2019/09/19 Javascript
ES6 Iterator遍历器原理,应用场景及相关常用知识拓展详解
2020/02/15 Javascript
js实现无缝轮播图
2020/03/09 Javascript
Vue+Java 通过websocket实现服务器与客户端双向通信操作
2020/09/22 Javascript
vue 虚拟DOM的原理
2020/10/03 Javascript
如何实现小程序与小程序之间的跳转
2020/11/04 Javascript
[01:32]DOTA2 2015国际邀请赛中国区预选赛第四日战报
2015/05/29 DOTA
[52:36]VGJ.S vs Serenity 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
Python抽象类的新写法
2015/06/18 Python
Python实现的圆形绘制(画圆)示例
2018/01/31 Python
用python3教你任意Html主内容提取功能
2018/11/05 Python
Python采集猫眼两万条数据 对《无名之辈》影评进行分析
2018/12/05 Python
kafka-python批量发送数据的实例
2018/12/27 Python
python torch.utils.data.DataLoader使用方法
2020/04/02 Python
Python+redis通过限流保护高并发系统
2020/04/15 Python
python给list排序的简单方法
2020/12/10 Python
一款纯css3实现的颜色渐变按钮的代码教程
2014/11/12 HTML / CSS
三年级科学教学反思
2014/01/29 职场文书
革命先烈的英雄事迹材料
2014/02/15 职场文书
经典毕业生求职信
2014/07/12 职场文书
五五普法心得体会
2014/09/04 职场文书
2014年个人工作总结模板
2014/12/15 职场文书
2015年七夕情人节感言
2015/08/03 职场文书
总经理聘用协议书
2015/09/21 职场文书
MySQL的安装与配置详细教程
2021/06/26 MySQL
redis requires ruby version2.2.2的解决方案
2021/07/15 Redis