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 相关文章推荐
出现“不能执行已释放的Script代码”错误的原因及解决办法
Aug 29 Javascript
JavaScript让IE浏览器event对象符合W3C DOM标准
Nov 24 Javascript
javascript调试说明
Jun 07 Javascript
jQuery Dialog 弹出层对话框插件
Aug 09 Javascript
jquery 单引号和双引号的区别及使用注意
Jul 31 Javascript
鼠标滑在标题上显示图片的JS代码
Nov 19 Javascript
jquery实现的3D旋转木马特效代码分享
Aug 25 Javascript
谈谈我对JavaScript原型和闭包系列理解(随手笔记6)
Dec 20 Javascript
JS 仿支付宝input文本输入框放大组件的实例
Nov 14 Javascript
vue实现父子组件之间的通信以及兄弟组件的通信功能示例
Jan 29 Javascript
Vue函数式组件的应用实例详解
Aug 30 Javascript
nuxt 路由、过渡特效、中间件的实现代码
Nov 06 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绘制饼状图的实现代码
2013/06/07 PHP
PHP调用MsSQL Server 2012存储过程获取多结果集(包含output参数)的详解
2013/07/03 PHP
PHP的PDO预定义常量讲解
2019/01/24 PHP
从父页面读取和操作iframe中内容方法
2009/07/25 Javascript
StringTemplate遇见jQuery冲突的解决方法
2011/09/22 Javascript
jQuery Tools Dateinput使用介绍
2012/07/14 Javascript
jquery解决客户端跨域访问问题
2015/01/06 Javascript
jquery实现的仿天猫侧导航tab切换效果
2015/08/24 Javascript
JS组件Bootstrap实现弹出框和提示框效果代码
2015/12/08 Javascript
JS仿百度自动下拉框模糊匹配提示
2016/07/25 Javascript
JavaScript常用正则验证函数实例小结【年龄,数字,Email,手机,URL,日期等】
2017/01/23 Javascript
webpack配置的最佳实践分享
2017/04/21 Javascript
angularjs2 ng2 密码隐藏显示的实例代码
2017/08/01 Javascript
详解Vue-Cli 异步加载数据的一些注意点
2017/08/12 Javascript
BootstrapTable加载按钮功能实例代码详解
2017/09/22 Javascript
微信小程序form表单组件示例代码
2018/07/15 Javascript
vue中el-upload上传图片到七牛的示例代码
2018/10/19 Javascript
微信小程序生成二维码的示例代码
2019/03/29 Javascript
JavaScrip数组去重操作实例小结
2019/06/20 Javascript
微信小程序判断页面是否从其他页面返回的实例代码
2019/07/03 Javascript
快速对接payjq的个人微信支付接口过程解析
2019/08/15 Javascript
微信小程序收藏功能的实现代码
2020/06/19 Javascript
Django读取Mysql数据并显示在前端的实例
2018/05/27 Python
解决python测试opencv时imread导致的错误问题
2019/01/26 Python
python简单贪吃蛇开发
2019/01/28 Python
python实现二级登陆菜单及安装过程
2019/06/21 Python
python实现上传文件到linux指定目录的方法
2020/01/03 Python
python导入库的具体方法
2020/06/18 Python
香港No.1得奖零食网:香港零食大王
2016/07/22 全球购物
美国摩托车头盔、零件、齿轮及配件商店:Cycle Gear
2019/06/12 全球购物
最新大学生创业计划书写作攻略
2014/04/02 职场文书
企业人事任命书
2014/06/05 职场文书
意外伤害赔偿协议书范文
2014/09/23 职场文书
如何用Node.js编写内存效率高的应用程序
2021/04/30 Javascript
【海涛七七解说】DCG第二周:DK VS 天禄
2022/04/01 DOTA
python运行脚本文件的三种方法实例
2022/06/25 Python