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两种定义方式的区别、内部原理
Nov 21 Javascript
JQuery下拉框应用示例介绍
Apr 23 Javascript
AngularJS基础 ng-copy 指令实例代码
Aug 01 Javascript
纯JS实现可拖拽表单的简单实例
Sep 02 Javascript
jQuery remove()过滤被删除的元素(推荐)
Jul 18 jQuery
vue.js的手脚架vue-cli项目搭建的步骤
Aug 30 Javascript
JavaScript中发出HTTP请求最常用的方法
Jul 12 Javascript
jQuery实现的简单拖拽功能示例【测试可用】
Aug 14 jQuery
详解js删除数组中的指定元素
Oct 31 Javascript
highcharts.js数据绑定方式代码实例
Nov 13 Javascript
vue实现短信验证码登录功能(流程详解)
Dec 10 Javascript
使用typescript快速开发一个cli的实现示例
Dec 09 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
使用网络地址转换实现多服务器负载均衡
2006/10/09 PHP
php 中的str_replace 函数总结
2007/04/27 PHP
php教程 插件机制在PHP中实现方案
2012/11/02 PHP
php图片添加水印例子
2016/07/20 PHP
YII框架学习笔记之命名空间、操作响应与视图操作示例
2019/04/30 PHP
Laravel框架基础语法与知识点整理【模板变量、输出、include引入子视图等】
2019/12/03 PHP
关于恒等于(===)和非恒等于(!==)
2007/08/20 Javascript
javascript 树控件 比较好用
2009/06/11 Javascript
javascript 数组学习资料收集
2010/04/11 Javascript
DIY jquery plugin - tabs标签切换实现代码
2010/12/11 Javascript
jquery实现多条件筛选特效代码分享
2015/08/28 Javascript
关于js二维数组和多维数组的定义声明(详解)
2016/10/02 Javascript
浅谈js对象的创建和对6种继承模式的理解和遐想
2016/10/16 Javascript
详解angularJs中自定义directive的数据交互
2017/01/13 Javascript
浅谈vue,angular,react数据双向绑定原理分析
2017/11/28 Javascript
webpack vue项目开发环境局域网访问方法
2018/03/20 Javascript
详解Vue.js iview实现树形权限表(可扩展表)
2018/09/30 Javascript
JavaScript对象的特性与实践应用深入详解
2018/12/30 Javascript
JS数据类型STRING使用实例解析
2019/12/18 Javascript
Vue+Vuex实现自动登录的知识点详解
2020/03/04 Javascript
JavaScript 链表定义与使用方法示例
2020/04/28 Javascript
js实现查询商品案例
2020/07/22 Javascript
Python中isnumeric()方法的使用简介
2015/05/19 Python
python判断图片宽度和高度后删除图片的方法
2015/05/22 Python
Python list操作用法总结
2015/11/10 Python
Python爬虫获取图片并下载保存至本地的实例
2018/06/01 Python
Python调用服务接口的实例
2019/01/03 Python
flask 实现上传图片并缩放作为头像的例子
2020/01/09 Python
websocket+sockjs+stompjs详解及实例代码
2018/11/30 HTML / CSS
html5本地存储 localStorage操作使用详解
2016/09/20 HTML / CSS
我的珠宝盒:Ma boîte à bijoux
2019/08/27 全球购物
安全例会汇报材料
2014/08/23 职场文书
班子个人四风问题整改措施
2014/10/04 职场文书
三方股东合作协议书
2014/10/28 职场文书
2015年质量月活动总结报告
2015/03/27 职场文书
关于运动会的宣传稿
2015/07/23 职场文书