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 操作cookies及正确使用cookies的属性
Oct 15 Javascript
通过身份证号得到出生日期和性别的js代码
Nov 23 Javascript
通过jquery的$.getJSON做一个跨域ajax请求试验
May 03 Javascript
jQueryUI写一个调整分类的拖放效果实现代码
May 10 Javascript
JavaScript中window、doucment、body的解释
Aug 14 Javascript
javascript实现漂亮的拖动层,窗口拖拽特效
Apr 24 Javascript
HTML5使用DeviceOrientation实现摇一摇功能
Jun 05 Javascript
js+canvas简单绘制圆圈的方法
Jan 28 Javascript
浅谈Node.js:理解stream
Dec 08 Javascript
jquery插件锦集【推荐】
Dec 16 Javascript
js放大镜放大购物图片效果
Jan 18 Javascript
详解angularJS自定义指令间的相互交互
Jul 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
PHP简单实现DES加密解密的方法
2016/07/12 PHP
laravel5.4利用163邮箱发送邮件的步骤详解
2017/09/22 PHP
JavaScript在IE中“意外地调用了方法或属性访问”
2008/11/19 Javascript
javascript中的new使用
2010/03/20 Javascript
一个关于javascript匿名函数的问题分析
2012/03/30 Javascript
js中的push和join方法使用介绍
2013/10/08 Javascript
jQuery实现按键盘方向键翻页特效
2015/03/18 Javascript
基于jQuery实现文本框只能输入数字(小数、整数)
2016/01/14 Javascript
jQuery easyui的validatebox校验规则扩展及easyui校验框validatebox用法
2016/01/18 Javascript
JavaScript html5 canvas画布中删除一个块区域的方法
2016/01/26 Javascript
浅析JavaScript回调函数应用
2016/05/22 Javascript
require.js+vue开发微信上传图片组件
2016/10/27 Javascript
js图片轮播插件的封装
2017/07/21 Javascript
利用Javascript开发一个二维周视图日历
2017/12/14 Javascript
使用vue2.6实现抖音【时间轮盘】屏保效果附源码
2019/04/24 Javascript
vue路由传参页面刷新参数丢失问题解决方案
2019/10/08 Javascript
在VUE中实现文件下载并判断状态的方法
2019/11/08 Javascript
python根据路径导入模块的方法
2014/09/30 Python
Python标准库内置函数complex介绍
2014/11/25 Python
python数据挖掘需要学的内容
2019/06/23 Python
CSS3常用的几种颜色渐变模式总结
2016/11/18 HTML / CSS
雅诗兰黛旗下专业男士保养领导品牌:Lab Series
2017/05/15 全球购物
泰海淘:泰国king Power王权免税集团旗下跨境海淘综合型电商
2020/07/26 全球购物
Vuori官网:运动服装的终级表现
2021/01/27 全球购物
类和结构的区别
2012/08/15 面试题
初中同学聚会感言
2014/02/11 职场文书
《飞向蓝天的恐龙》教学反思
2014/04/09 职场文书
环保口号大全
2014/06/12 职场文书
银行党的群众路线教育实践活动对照检查材料
2014/09/25 职场文书
结婚保证书(三从四德)
2015/02/26 职场文书
学雷锋活动简报
2015/07/20 职场文书
2016中秋节月饼促销广告语
2016/01/28 职场文书
幼儿园六一儿童节开幕词
2016/03/04 职场文书
2019学校请假条格式及范文
2019/06/25 职场文书
Redis主从配置和底层实现原理解析(实战记录)
2021/06/30 Redis
《雀魂PONG☆》4月1日播出 PV角色设定情报
2022/03/20 日漫