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编写的第一人称射击游戏
Feb 25 Javascript
Javascript打印网页部分内容的脚本
Nov 17 Javascript
JavaScript中window、doucment、body的解释
Aug 14 Javascript
jQuery中:animated选择器用法实例
Dec 29 Javascript
js实现点击链接后延迟3秒再跳转的方法
Jun 05 Javascript
js代码实现点击按钮出现60秒倒计时
Jan 28 Javascript
jQuery中的AjaxSubmit使用讲解
Sep 25 Javascript
扩展Bootstrap Tooltip插件使其可交互的方法
Nov 07 Javascript
jQuery Ajax File Upload实例源码
Dec 12 Javascript
Angular.Js之Scope作用域的学习教程
Apr 27 Javascript
微信小程序图片选择、上传到服务器、预览(PHP)实现实例
May 11 Javascript
vue实现表格数据的增删改查
Jul 10 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访问查询mysql数据的三种方法
2006/10/09 PHP
mysq GBKl乱码
2006/11/28 PHP
php+mysql分页代码详解
2008/03/27 PHP
Drupal 添加模块出现莫名其妙的错误的解决方法(往往出现在模块较多时)
2011/04/18 PHP
PHP通过GD库实现验证码功能示例
2019/02/23 PHP
如何在centos8自定义目录安装php7.3
2019/11/28 PHP
JavaScript操作XML实例代码(获取新闻标题并分页,并分页)
2010/05/25 Javascript
jQuery的slideToggle方法实例
2013/05/07 Javascript
仿百度输入框智能提示的js代码
2013/08/22 Javascript
一个JavaScript获取元素当前高度的实例
2014/10/29 Javascript
Bootstrap每天必学之级联下拉菜单
2016/03/27 Javascript
基于vue实现多引擎搜索及关键字提示
2017/03/16 Javascript
js判断是否是手机页面
2017/03/17 Javascript
JS验证全角与半角及相互转化的介绍
2017/05/18 Javascript
详解Angular 4.x NgTemplateOutlet
2017/05/24 Javascript
JS处理一些简单计算题
2018/02/24 Javascript
JS使用对象的defineProperty进行变量监控操作示例
2019/02/02 Javascript
详解jQuery设置内容和属性
2019/04/11 jQuery
使用express获取微信小程序二维码小记
2019/05/21 Javascript
Vuex的API文档说明详解
2020/02/05 Javascript
vue项目或网页上实现文字转换成语音播放功能
2020/06/09 Javascript
Vue3为什么这么快
2020/09/23 Javascript
Python操作列表的常用方法分享
2014/02/13 Python
python使用BeautifulSoup与正则表达式爬取时光网不同地区top100电影并对比
2019/04/15 Python
python实现小球弹跳效果
2019/05/10 Python
python 计算数据偏差和峰度的方法
2019/06/29 Python
python程序 线程队列queue使用方法解析
2019/09/23 Python
python爬虫开发之urllib模块详细使用方法与实例全解
2020/03/09 Python
文件上传服务器-jupyter 中python解压及压缩方式
2020/04/22 Python
利用CSS3实现单选框动画特效示例代码
2016/09/26 HTML / CSS
美国便宜的横幅和标志印刷在线:Best of Signs
2019/05/29 全球购物
意大利香水和化妆品购物网站:Parfimo.it
2019/10/06 全球购物
Bonprix法国:时尚、鞋子、家居
2020/12/29 全球购物
Python如何实现单例模式
2016/06/03 面试题
Django使用channels + websocket打造在线聊天室
2021/05/20 Python
你需要掌握的20个Python常用技巧
2022/02/28 Python