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得到网页中所有的div的id
Oct 19 Javascript
项目实践之javascript技巧
Dec 06 Javascript
利用JS实现浏览器的title闪烁
Jul 08 Javascript
javascript动态向网页中添加表格实现代码
Feb 19 Javascript
使用impress.js制作幻灯片
Sep 09 Javascript
javascript断点调试心得分享
Apr 23 Javascript
JavaScript_object基础入门(必看篇)
Jun 13 Javascript
jquery 正整数数字校验正则表达式
Jan 10 Javascript
Vue.js实现的表格增加删除demo示例
May 22 Javascript
vue项目打包部署_nginx代理访问方法详解
Sep 20 Javascript
Vuex 使用 v-model 配合 state的方法
Nov 13 Javascript
vue-cli4使用全局less文件中的变量配置操作
Oct 21 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
介绍几个array库的新函数 php
2006/12/29 PHP
《PHP编程最快明白》第五讲:php目录、文件操作
2010/11/01 PHP
php菜单/评论数据递归分级算法的实现方法
2019/08/01 PHP
js 变量类型转换常用函数与代码[比较全]
2009/12/01 Javascript
jquery uaMatch源代码
2011/02/14 Javascript
javascript动画浅析
2012/08/30 Javascript
javascript回车完美实现tab切换功能
2014/03/13 Javascript
ie8下修改input的type属性报错的解决方法
2014/09/16 Javascript
Javascript+CSS实现影像卷帘效果思路及代码
2014/10/20 Javascript
Javascript实现单张图片浏览
2014/12/18 Javascript
JavaScript数据类型之基本类型和引用类型的值
2015/04/01 Javascript
jQuery+canvas实现的球体平抛及颜色动态变换效果
2016/01/28 Javascript
JQuery点击事件回到页面顶部效果的实现代码
2016/05/24 Javascript
JS加载器如何动态加载外部js文件
2016/05/26 Javascript
js基于cookie方式记住返回页面用法示例
2016/05/27 Javascript
jQuery ajax中使用confirm,确认是否删除的简单实例
2016/06/17 Javascript
微信js-sdk上传与下载图片接口用法示例
2016/10/12 Javascript
详解vue 实例方法和数据
2017/10/23 Javascript
vue服务端渲染页面缓存和组件缓存的实例详解
2018/09/18 Javascript
微信小程序登录数据解密及状态维持实例详解
2019/05/06 Javascript
jQuery利用cookie 实现本地收藏功能(不重复无需多次命名)
2019/11/07 jQuery
可拖拽组件slider.js使用方法详解
2020/12/04 Javascript
python如何在终端里面显示一张图片
2016/08/17 Python
python中有帮助函数吗
2020/06/19 Python
智利最大的网上商店:Linio智利
2016/11/24 全球购物
BCBG官网:BCBGMAXAZRIA
2017/12/29 全球购物
《蒙娜丽莎之约》教学反思
2014/02/27 职场文书
小学向国旗敬礼活动方案
2014/09/27 职场文书
2014年党员自我剖析材料
2014/10/07 职场文书
教师自查自纠材料
2014/10/14 职场文书
2014年审计人员工作总结
2014/12/19 职场文书
公司经营目标责任书
2015/01/29 职场文书
质量整改通知单
2015/04/21 职场文书
2015年乡镇工会工作总结
2015/05/19 职场文书
python本地文件服务器实例教程
2021/05/02 Python
Python代码风格与编程习惯重要吗?
2021/06/03 Python