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 06 Javascript
avalonjs实现仿微博的图片拖动特效
May 06 Javascript
js实现tab切换效果实例
Sep 16 Javascript
js获取及判断键盘按键的方法
Dec 01 Javascript
Javascript基于AJAX回调函数传递参数实例分析
Dec 15 Javascript
JavaScript计算值然后把值嵌入到html中的实现方法
Oct 29 Javascript
Jquery Easyui自定义下拉框组件使用详解(21)
Dec 31 Javascript
vue-cli中安装方法(图文详细步骤)
Dec 12 Javascript
如何在vue里面优雅的解决跨域(路由冲突问题)
Jan 20 Javascript
vue实现鼠标移入移出事件代码实例
Mar 27 Javascript
Vue中axios的封装(报错、鉴权、跳转、拦截、提示)
Aug 20 Javascript
JS组件库AlloyTouch实现图片轮播过程解析
May 29 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
《猛禽小队》:DC宇宙的又一超级大烂片
2020/04/09 欧美动漫
PHP实现货币换算的方法
2014/11/29 PHP
php视频拍照上传头像功能实现代码分享
2015/10/08 PHP
php验证码生成代码
2015/11/11 PHP
php封装的表单验证类完整实例
2016/10/19 PHP
基于thinkPHP3.2实现微信接入及查询token值的方法
2017/04/18 PHP
PHP如何根据文件头检测文件类型实例代码
2018/10/14 PHP
php 使用expat方式解析xml文件操作示例
2019/11/26 PHP
Nigma vs Alliance BO5 第三场2.14
2021/03/10 DOTA
javascript与CSS复习(二)
2010/06/29 Javascript
IE6、IE7中setAttribute不支持class/for/rowspan/colspan等属性
2011/08/28 Javascript
JavaScript调用后台的三种方法实例
2013/10/17 Javascript
JavaScript中的typeof操作符用法实例
2014/04/05 Javascript
node.js中的fs.fchownSync方法使用说明
2014/12/16 Javascript
JS实现为表格动态添加标题的方法
2015/03/31 Javascript
基于JQuery实现图片轮播效果(焦点图)
2016/02/02 Javascript
JavaScrip关于创建常量的知识点
2017/12/07 Javascript
webpack4 SCSS提取和懒加载的示例
2018/09/03 Javascript
Vue开发环境跨域访问问题
2020/01/22 Javascript
JavaScript WeakMap使用详解
2021/02/05 Javascript
[01:06:59]完美世界DOTA2联赛PWL S2 Magma vs FTD 第一场 11.29
2020/12/02 DOTA
Python多维/嵌套字典数据无限遍历的实现
2016/11/04 Python
Python算法之求n个节点不同二叉树个数
2017/10/27 Python
Tensorflow 自带可视化Tensorboard使用方法(附项目代码)
2018/02/10 Python
Python中@property的理解和使用示例
2019/06/11 Python
简单了解Python生成器是什么
2019/07/02 Python
Django rest framework jwt的使用方法详解
2019/08/08 Python
pyMySQL SQL语句传参问题,单个参数或多个参数说明
2020/06/06 Python
flask开启多线程的具体方法
2020/08/02 Python
基于HTML5新特性Mutation Observer实现编辑器的撤销和回退操作
2016/01/11 HTML / CSS
马来西亚时装购物网站:ZALORA马来西亚
2017/03/14 全球购物
综合实践活动方案
2014/02/14 职场文书
2014司机年终工作总结
2014/12/05 职场文书
Python爬虫之爬取二手房信息
2021/04/27 Python
Python获取江苏疫情实时数据及爬虫分析
2021/08/02 Python
利用JuiceFS使MySQL 备份验证性能提升 10 倍
2022/03/17 MySQL