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 相关文章推荐
你可能不再需要JQUERY
Mar 09 Javascript
刷新页面实现方式总结(HTML,ASP,JS)
Nov 13 Javascript
24款非常有用的 jQuery 插件分享
Apr 06 Javascript
javascript感应鼠标图片透明度显示的方法
Feb 24 Javascript
JQuery 动态生成Table表格实例代码
Dec 02 Javascript
Node.js数据库操作之连接MySQL数据库(一)
Mar 04 Javascript
jQuery之动画ajax事件(实例讲解)
Jul 18 jQuery
js编写简单的聊天室功能
Aug 17 Javascript
Vue插件打包与发布的方法示例
Aug 20 Javascript
Node 代理访问的实现
Sep 19 Javascript
vue - vue.config.js中devServer配置方式
Oct 30 Javascript
微信小程序 (地址选择1)--选取搜索地点并显示效果
Dec 17 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
全国FM电台频率大全 - 1 北京市
2020/03/11 无线电
php安装swoole扩展的方法
2015/03/19 PHP
php中时间函数date及常用的时间计算
2017/05/12 PHP
详解PHP PDO简单教程
2019/05/28 PHP
php中目录操作opendir()、readdir()及scandir()用法示例
2019/06/08 PHP
javascript实现的鼠标链接提示效果生成器代码
2007/06/28 Javascript
CSS+Table图文混排中实现文本自适应图片宽度(超简单+跨所有浏览器)
2009/02/14 Javascript
添加JavaScript重载函数的辅助方法2
2010/07/04 Javascript
js输出列表实现代码
2010/09/12 Javascript
JavaScript去除空格的三种方法(正则/传参函数/trim)
2013/02/06 Javascript
Node.js开发指南中的简单实例(mysql版)
2013/09/17 Javascript
Javascript基础教程之for循环
2015/01/18 Javascript
javascript仿京东导航左侧分类导航下拉菜单效果
2020/11/25 Javascript
详解JS-- 浮点数运算处理
2016/11/28 Javascript
vue2.0开发实践总结之疑难篇
2016/12/07 Javascript
获取select的value、text值的简单示例(jquery与javascript)
2016/12/07 Javascript
使用BootStrap建立响应式网页——通栏轮播图(carousel)
2016/12/21 Javascript
JavaScript中Hoisting详解 (变量提升与函数声明提升)
2017/08/18 Javascript
JS实现图片放大镜插件详解
2017/11/06 Javascript
layUI的验证码功能及校验实例
2019/10/25 Javascript
基于vue实现探探滑动组件功能
2020/05/29 Javascript
详解python中requirements.txt的一切
2017/03/03 Python
详解Python 2.6 升级至 Python 2.7 的实践心得
2017/04/27 Python
Python 25行代码实现的RSA算法详解
2018/04/10 Python
Python通过调用有道翻译api实现翻译功能示例
2018/07/19 Python
通过 Python 和 OpenCV 实现目标数量监控
2020/01/05 Python
python如何从键盘获取输入实例
2020/06/18 Python
Python爬虫入门教程02之笔趣阁小说爬取
2021/01/24 Python
FORZIERI福喜利中国官网:奢侈品购物梦工厂
2019/05/03 全球购物
mysql_pconnect()和mysql_connect()有什么区别
2012/05/25 面试题
实习生自荐信范文
2013/11/13 职场文书
新学期开学寄语
2014/01/18 职场文书
入党积极分子自我鉴定范文
2014/03/25 职场文书
2015年员工工作表现评语
2015/03/25 职场文书
优秀班主任工作总结2015
2015/05/25 职场文书
幼儿园迎新生欢迎词
2015/09/30 职场文书