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调试技巧解决样式问题的步骤分享
Mar 15 Javascript
js综合应用实例简单的表格统计
Sep 03 Javascript
jQuery统计指定子元素数量的方法
Mar 17 Javascript
jQuery实现拖拽效果插件的方法
Mar 23 Javascript
JQuery插件ajaxfileupload.js异步上传文件实例
May 19 Javascript
BootStrap中Datepicker控件带中文的js文件
Aug 10 Javascript
jsonp跨域请求实现示例
Mar 13 Javascript
vuejs使用$emit和$on进行组件之间的传值的示例
Oct 04 Javascript
AngularJS监听ng-repeat渲染完成的方法
Mar 20 Javascript
JavaScript函数Call、Apply原理实例解析
Feb 17 Javascript
javascript canvas封装动态时钟
Sep 30 Javascript
Vue toFixed保留两位小数的3种方式
Oct 23 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
Win2003下APACHE+PHP5+MYSQL4+PHPMYADMIN 的简易安装配置
2006/11/18 PHP
php header函数的常用http头设置
2015/06/25 PHP
2款PHP无限级分类实例代码
2015/11/11 PHP
PHP中addslashes与mysql_escape_string的区别分析
2016/04/25 PHP
PHP获取用户访问IP地址的5种方法
2016/05/16 PHP
Yii2 RESTful中api的使用及开发实例详解
2016/07/06 PHP
php微信开发之谷歌测距
2018/06/14 PHP
原生JS实现加入收藏夹的代码
2013/10/24 Javascript
js onmousewheel事件多次触发问题解决方法
2014/10/17 Javascript
JavaScript实现重置表单(reset)的方法
2015/04/02 Javascript
jfinal与bootstrap的登录跳转实战演习
2015/09/22 Javascript
工作中比较实用的JavaScript验证和数据处理的干货(经典)
2016/08/03 Javascript
jQuery3.0中的buildFragment私有函数详解
2016/08/16 Javascript
深入理解Javascript箭头函数中的this
2017/02/13 Javascript
jQuery实现动态加载select下拉列表项功能示例
2018/05/31 jQuery
javascript自定义日期比较函数用法示例
2019/07/22 Javascript
微信小程序激励式视频广告组件使用详解
2019/12/06 Javascript
Python使用urllib2获取网络资源实例讲解
2013/12/02 Python
基于Python闭包及其作用域详解
2017/08/28 Python
对Python函数设计规范详解
2019/07/19 Python
Kears+Opencv实现简单人脸识别
2019/08/28 Python
使用Python的networkx绘制精美网络图教程
2019/11/21 Python
python正则表达式的懒惰匹配和贪婪匹配说明
2020/07/13 Python
python/golang实现循环链表的示例代码
2020/09/14 Python
李维斯德国官方网上商店:Levi’s德国
2016/09/10 全球购物
Ted Baker英国官网:男士和女士服装及配件
2017/03/13 全球购物
女大学生个人求职信
2013/12/09 职场文书
施工安全责任书
2014/04/14 职场文书
2014年五一劳动节社区活动总结
2014/04/14 职场文书
个人事迹材料范文
2014/12/29 职场文书
求职自我评价范文
2015/03/09 职场文书
社区挂职锻炼个人工作总结
2015/10/23 职场文书
中小学教师继续教育心得体会
2016/01/19 职场文书
golang switch语句的灵活写法介绍
2021/05/06 Golang
古见同学有交流障碍症 第二季宣传CM公开播出
2022/04/11 日漫
clear 万能清除浮动(clearfix:after)
2023/05/21 HTML / CSS