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 异步处理进度条
Apr 01 Javascript
js获取对象为null的解决方法
Nov 21 Javascript
javascript汉字拼音互转的简单实例
Oct 09 Javascript
EditPlus中的正则表达式 实战(2)
Dec 15 Javascript
vue2滚动条加载更多数据实现代码
Jan 10 Javascript
Javascript 严格模式use strict详解
Sep 16 Javascript
node.js中axios使用心得总结
Nov 29 Javascript
vue cli构建的项目中请求代理与项目打包问题
Feb 26 Javascript
浅谈FastClick 填坑及源码解析
Mar 02 Javascript
swiper Scrollbar滚动条组件详解
Sep 08 Javascript
微信小程序scroll-view实现滚动到锚点左侧导航栏点餐功能(点击种类,滚动到锚点)
Jun 11 Javascript
vue.js watch经常失效的场景与解决方案
Jan 07 Vue.js
深入理解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面向对象学习笔记之一 基础概念
2012/10/06 PHP
关于php循环跳出的问题
2013/07/01 PHP
php下获取http状态的实现代码
2014/05/09 PHP
微信公众平台开发关注及取消关注事件的方法
2014/12/23 PHP
jquery不支持toggle()高(新)版本的问题解决
2016/09/24 PHP
php断点续传之文件分割合并详解
2016/12/13 PHP
php中文乱码问题的终极解决方案汇总
2017/08/01 PHP
JavaScript Date对象使用总结
2009/05/14 Javascript
非常棒的10款jQuery 幻灯片插件
2011/06/14 Javascript
JavaScript中的普通函数与构造函数比较
2015/04/07 Javascript
iframe中子父类窗口调用JS的方法及注意事项
2015/08/25 Javascript
Web Uploader文件上传插件使用详解
2016/05/10 Javascript
深入理解ECMAScript的几个关键语句
2016/06/01 Javascript
Bootstrap幻灯片轮播图支持触屏左右手势滑动的实现方法
2016/10/13 Javascript
Bootstrap如何创建表单
2016/10/21 Javascript
JS实现给对象动态添加属性的方法
2017/01/05 Javascript
使用puppeteer爬取网站并抓出404无效链接
2018/12/20 Javascript
解决vuex刷新数据消失问题
2020/11/12 Javascript
nodejs+express最简易的连接数据库的方法
2020/12/23 NodeJs
Python动刷新抢12306火车票的代码(附源码)
2018/01/24 Python
Python使用pickle模块储存对象操作示例
2018/08/15 Python
对python pandas读取剪贴板内容的方法详解
2019/01/24 Python
解决pyqt5中QToolButton无法使用的问题
2019/06/21 Python
python中设置超时跳过,超时退出的方式
2019/12/13 Python
解决pycharm每次打开项目都需要配置解释器和安装库问题
2020/02/26 Python
python GUI库图形界面开发之PyQt5信号与槽的高级使用技巧(自定义信号与槽)详解与实例
2020/03/06 Python
新手学习Python2和Python3中print不同的用法
2020/06/09 Python
python爬虫泛滥的解决方法详解
2020/11/25 Python
Python实现对word文档添加密码去除密码的示例代码
2020/12/29 Python
制药工程专业应届生求职信
2013/09/24 职场文书
经典大学生求职信范文
2014/01/06 职场文书
2014年两会学习心得体会
2014/03/17 职场文书
大雁塔英文导游词
2015/02/10 职场文书
综合测评个人总结
2015/03/03 职场文书
钢琴师观后感
2015/06/12 职场文书
创业计划书之儿童理发店
2019/09/27 职场文书