javascript + jquery实现定时修改文章标题_javascript技巧

用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>

时间: 2024-10-29 09:05:17

javascript + jquery实现定时修改文章标题_javascript技巧的相关文章

javascript + jquery实现定时修改文章标题

用javascript+jquery写的一个定时器,定时修改文章标题.     代码如下: <!DOCTYPE html>  <html>  <head>  <title>TODO supply a title</title>  <meta charset="GB2312">  <meta name="viewport" content="width=device-width&q

Discuz中修改文章标题实现方法

我们使用discuz的站长都知道,帖子的标题一般都是 文章标题+板块+网站名称. 我们现在要简化怎么办? 找到/source/module/forum/forum_viewthread.php  这个文件 然后找到:  代码如下 复制代码 $navtitle = get_title_page($_G['forum_thread']['subject'], $_G['page']).' – '.strip_tags($_G['forum']['name']); get_title_page($_G

原生javascript和jquery判断浏览器版本等信息_javascript技巧

复制代码 代码如下: <script type="text/javascript"> //jquery判断浏览器信息 $(function(){ var bro=$.browser;//获取浏览器用户代理信息; var bro_msie=bro.msie;//判断是否为ie浏览器,假如为ie浏览器就返回:true,否则返回:undefined; var bro_firefox=bro.mozilla;//判断是否为火狐浏览器:假如为火狐浏览器就返回:true,否则返回:un

jquery动态添加删除(tr/td)_javascript技巧

代码很简单,实现的功能也很简单,有需要的小伙伴参考下吧. 复制代码 代码如下: <head runat="server">     <title></title>     <!--easyui -->     <link rel="stylesheet" type="text/css" href="../../script/jquery-easyui-1.3.2/themes/ico

Firefox+FireBug使JQuery的学习更加轻松愉快_javascript技巧

这篇文章是我从一个国外站点看的视频,经过简单实践,我发现这样做的确可以提高不少效率.下面来说说这种方式: 先决条件: 安装firefox+firebug 这里以我的博客为例: 基本的使用如下:   OK,下面让我们步入正题: 就拿上面的图片为例,我们看到博客园所有的标题都将class命名为:postTitle,下面我们利用jQuery将页面中的标题隐藏:   当然,我们也可以给页面的元素加入事件:   小结 上面我们简单说了firebug在调试jQuery中的简单应用,用这种方法,我们可以得到如

JavaScript常用脚本汇总(二)_javascript技巧

把JavaScript中的伪数组转换为真数组 在 JavaScript 中, 函数中的隐藏变量 arguments 和用 getElementsByTagName 获得的元素集合(NodeList)都不是真正的数组,不能使用 push 等方法,在有这种需要的时候只能先转换为真正的数组. 对于 arguments,可以使用 Array.prototype.slice.call(arguments); 来达到转换的目的,但对于 NodeList 则不行了,其在 IE8 及以下将会报错,只能说其 JS

如何确保JavaScript的执行顺序 之实战篇_javascript技巧

1. 引言 我曾在文章<如何在多个页面使用同一个HTML片段 - 续>的最后提到JavaScript顺序执行的特性.虽然现代浏览器可以并行的下载JavaScript(部分浏览器),但考虑到JavaScript的依赖关系,他们的执行依然是按照引入顺序进行的. 为了更好的测试这个过程,我写了一个简单的HTTP处理程序页面 service.ashx,它可以接受两个参数: 1. file,需要返回文件的服务器端路径. 2. delay,延迟一定时间后再返回本次HTTP请求(毫秒). 一个典型的页面比如

每天一篇javascript学习小结(Function对象)_javascript技巧

小编两天都没有更新文章了,小伙伴们是不是等着急了,今天开始再继续我们的<每天一篇javascript学习小结>系列文章,希望大家继续关注. 1.Function  函数调用(类似call方法) function callSomeFunction(someFunction, someArgument){ return someFunction(someArgument); } function add10(num){ return num + 10; } var result1 = callSo

JS不能跨域借助jquery获取IP地址的方法_javascript技巧

获取IP地址,JS也可以获取客户端IP地址啦,大家知道JS不能跨域,所以这里借助了jquery,真的可以实现获取IP地址,代码如下,已通过测试: <script language="javascript" src="http://www.jb51.net/jslib/jquery/jquery.js"></script> <script language="javascript"> jQuery(functio