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 关于# 和 void的区别分析
Oct 26 Javascript
动态改变div的z-index属性的简单实例
Aug 08 Javascript
基于jquery扩展漂亮的下拉框可以二次修改
Nov 19 Javascript
javascript控制在光标位置插入文字适合表情的插入
Jun 09 Javascript
Bootstrap编写一个兼容主流浏览器的受众巨幕式风格页面
Jul 01 Javascript
jQuery 3.0中存在问题及解决办法
Jul 15 Javascript
jQuery实现拖拽可编辑模块功能代码
Jan 12 Javascript
ES5 ES6中Array对象去除重复项的方法总结
Apr 27 Javascript
基于vue实现swipe分页组件实例
May 25 Javascript
javascript 判断用户有没有操作页面
Oct 17 Javascript
Vue+webpack项目基础配置教程
Feb 12 Javascript
jQuery实现移动端扭蛋机抽奖
Nov 08 jQuery
深入理解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
phpwind中的数据库操作类
2007/01/02 PHP
PHP对表单提交特殊字符的过滤和处理方法汇总
2014/02/18 PHP
PHP date()格式MySQL中插入datetime方法
2019/01/29 PHP
jquery $.ajax相关用法分享
2012/03/16 Javascript
简单的Jquery遮罩层代码实例
2013/11/14 Javascript
js数组转json并在后台对其解析具体实现
2013/11/20 Javascript
采用call方式实现js继承
2014/05/20 Javascript
JavaScript-RegExp对象只能使用一次问题解决方法
2014/06/23 Javascript
javascript中createElement的两种创建方式
2015/05/14 Javascript
jQuery定义插件的方法
2015/12/18 Javascript
浅析jQuery事件之on()方法绑定多个选择器,多个事件
2016/04/27 Javascript
浅谈angularJS中的事件
2016/07/12 Javascript
javascript 内置对象及常见API详细介绍
2016/11/01 Javascript
jquery easyui DataGrid简单示例
2017/01/23 Javascript
javascript 面向对象function详解及实例代码
2017/02/28 Javascript
JavaScript中使用webuploader实现上传视频功能(demo)
2017/04/10 Javascript
Vue.js 2.0学习教程之从基础到组件详解
2017/04/24 Javascript
js字符串倒序的实例代码
2018/11/30 Javascript
如何能分清npm cnpm npx nvm
2019/01/17 Javascript
使用Pyinstaller的最新踩坑实战记录
2017/11/08 Python
Python虚拟环境项目实例
2017/11/20 Python
Python爬虫框架Scrapy常用命令总结
2018/07/26 Python
Django使用中间件解决前后端同源策略问题
2019/09/02 Python
浅谈tensorflow 中tf.concat()的使用
2020/02/07 Python
CSS3实现曲线阴影和翘边阴影
2016/05/03 HTML / CSS
可能这些是你想要的H5软键盘兼容方案(小结)
2019/04/23 HTML / CSS
加拿大鞋子连锁店:Town Shoes
2016/09/26 全球购物
意大利宠物用品购物网站:Bauzaar
2018/09/15 全球购物
简历上的自我评价怎么写
2014/01/28 职场文书
《纸船和风筝》教学反思
2014/02/15 职场文书
暑期实践个人总结
2015/03/06 职场文书
原料仓管员岗位职责
2015/04/01 职场文书
焦点访谈观后感
2015/06/11 职场文书
金砖之国观后感
2015/06/11 职场文书
python常见的占位符总结及用法
2021/07/02 Python
详解解Django 多对多表关系的三种创建方式
2021/08/23 Python