正计时是指计算一个已过日期距今的时间,反之倒计时就是计算未来某个日子距今的时间.本来在我网站footer的正计时代码是用JS算的,今天想到还可以用别的方法来实现,(同样可以用来倒计时),总结如下:
- WordPress的
human_diff
函数 - PHP的
time()
函数 - JS运算(或C#的
timespan
函数)
WordPress法
wordpress的human_diff函数可以输出智能时间差,用法为<?php human_time_diff( $from, $to ); ?>
,其中$from代表开始时间,$to代表截止时间,常用在文章页:
<?php echo ‘由小蝴蝶发布于’.human_time_diff(get_the_time(‘U’), current_time(‘timestamp’)).’前’; ?>
需要注意的是:这里需要使用的时间格式为Unix时间戳(Unix timestamp),所以在使用human_diff
正计时之前,我们需要把时间转换为Unix时间戳格式,有很多在线转换时间戳的网站,可以Google一下”Unix timestamp“.
比如我要计算的是我和小马哥在一起的日子(好酸哦嘻嘻~),2011年9月2号转换为时间戳1314964800,然后是最终代码:
<?php echo '我们已经相爱了'.human_time_diff('1314964800', current_time('timestamp')); ?>
PHP法
用PHP进行时间运算的方法我在前面php判断:在指定日期之后触发事件一文中略提过,没什么好解释的直接上代码了:
<?php
$time1=strtotime('2011-09-02');
$time2=time();
$thetime=floor(($time2-$time1)/3600/24) ;//floor()用来取整数位,如果想四舍五入请用round()
echo '我们已经相爱了'.$thetime.'天';
?>
JS法
<script type="text/javascript">
function thediv(timespan){
var result=Math.floor((new Date()-new Date(timespan))/3600000/24);//new Date(timespan)为开始日时间戳,new Date()为今天,同样取整数,或者Math.round四舍五入
document.getElementById("thediv").innerText="我们已经相爱了"+result+"天";
}
var thetime;
thetime=self.setInterval("thediv('2011/09/02')", 0);
</script>
然后在调用此结果的地方加上<div id="thediv"></div>
,效果见小蝴蝶footer.
包子发现了这段js存在问题,setInterval会造成重复执行blahblahblah…尼玛这货在学JS,把我虐的掀起,
下面是第二个被包子虐翻的版本,
var thediv = function(timespan2){var result=Math.floor((new Date()-new Date(timespan2))/3600000/24);document.getElementById("thediv").innerText="我们已经相爱了"+result+"天";} var thetime= self.setTimeout(function(){ thediv('2011/09/02') }, 0) ;
尼玛包子说我多此一举!他要我给setTimeout参数匿名,人家以为要单独匿下面一行嘛
下面是包子改好的版本:
var thetime=self.setTimeout(function(){ var result=Math.floor((new Date()-new Date('2011/09/02'))/3600000/24);document.getElementById("thediv").innerText="我们已经相爱了"+result+"天"; }, 0) ;
老娘下次不写js了
沙发
三月 24, 2013 12:40:21@xsinger 轻轻插入,提高下知名度。
101室 三月 25, 2013 19:57:08@xsinger 听朋友说我站里会不定期更新岛国片,
没节操,
101室 三月 25, 2013 20:01:19二楼
三月 24, 2013 12:51:55@Android 兄弟来借个位。
201室 三月 25, 2013 19:57:38@619影视 呃(⊙o⊙)…
202室 三月 25, 2013 20:18:07三楼 待会再看
三月 24, 2013 12:52:19@Android 引用小蝴蝶:做人要有节操。
301室 三月 25, 2013 19:58:54@619影视 。。。。天生无节操。。。
302室 三月 25, 2013 20:17:34今天速度倒是很快
三月 24, 2013 12:52:53网站运行时间统计用的多,文章和评论发布时间显示也有用得到,JS法倒是第一接触到。
三月 24, 2013 12:57:04@张书杨 殊途同归~
501室 三月 24, 2013 12:58:00@小蝴蝶 ABOUT头像,貌似换了…
502室 三月 24, 2013 12:59:59@张书杨 好像是换了。。。
503室 三月 24, 2013 13:00:22@张书杨 回复你们俩..换了有几天了..
503室 三月 24, 2013 13:03:00@小蝴蝶 圆圈头像功能怎么实现?昨晚换了个新主题,顶部默认显示logo,怎样换成文字标题?
504室 三月 24, 2013 13:05:02@张书杨 圆圈头像就加css,
505室 三月 24, 2013 13:06:32border-radius:100px
那个要改header,发给我看看
@小蝴蝶 好像是昨天换的吧。。。。
504室 三月 24, 2013 14:05:13@Android 我忘了…但应该最晚也是前天..
505室 三月 24, 2013 16:05:12话说移动版没有出现。。。。。。。。。。
三月 24, 2013 12:59:58@Android 出现什么?
601室 三月 24, 2013 13:03:40@小蝴蝶 出先正计时的例子。。底部的。。。
602室 三月 24, 2013 14:04:48@Android 哦哦移动版把那个去掉了 省流量= =
603室 三月 24, 2013 14:56:51@小蝴蝶 。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。 我都觉得自己花的流量太少。。。
604室 三月 24, 2013 15:03:07@Android 我用的是通话类套餐,流量少,早就用完了
605室 三月 24, 2013 15:41:20@小蝴蝶 我用wifi。。。目测已经用了20GB的流量了。。。
606室 三月 24, 2013 19:08:53@Android 我上课的时候要用流量,其余时候用wifi
607室 三月 24, 2013 19:20:09@小蝴蝶 上课用学校电脑。。。
608室 三月 24, 2013 20:59:57沙发(•‿•)
三月 24, 2013 13:27:57@跑调的包子 境界
701室 三月 24, 2013 13:39:34@跑调的包子 境界不解释 so 插入
701室 三月 24, 2013 14:05:45@跑调的包子 兄弟,你都在地底下了
,还沙发呢。
701室 三月 25, 2013 19:47:23@619影视 正所谓心中有沙发,掉下地板也不怕
702室 三月 25, 2013 19:57:36@跑调的包子
我
——>呸
703室 三月 25, 2013 20:03:32更新狂。我一脸惊讶的盯着你边栏的新头像~
三月 24, 2013 15:17:07@axiu 老郑说 一天一篇涨PR
这次我也盯着了 方向没反了
801室 三月 24, 2013 15:42:26@小蝴蝶 。。PR和外链数有关啊,多发布几个主题就有了。。。
802室 三月 25, 2013 12:51:47@大发 不错,感觉和你的google收录成正比
803室 三月 25, 2013 13:04:54@airoschou 我也赞同他的说法,但是不赞同你后面这句,我收录都两万八了…
804室 三月 25, 2013 13:07:52@大发 倒也是想发主题来着 但又没有新的灵感 自用主题为了减少查询又都用了硬代码 只好先发发文章 大发大发时间 哈哈哈
803室 三月 25, 2013 13:22:38尼玛星期天你们都上哪疯去了 这是逼我自己开楼吗
三月 24, 2013 16:07:53@小蝴蝶 来了
901室 三月 24, 2013 16:15:18@xsinger
902室 三月 24, 2013 16:16:33@小蝴蝶 大家一起来,刷爆它!!!!
903室 三月 24, 2013 16:25:19@小蝴蝶 插入
901室 三月 24, 2013 19:09:26@小蝴蝶 疯毛线啊,忙了一天。
901室 三月 25, 2013 19:48:39正需要。最近在codecademy学js
三月 24, 2013 16:21:17@chojemmy 泉哥你又犯二了, 你刚才邮箱填成了gamil.com我给你改过来了,最近好多人用手机填邮箱都填错啊
1001室 三月 24, 2013 16:25:37@小蝴蝶 我没啊,但你那邮箱订阅要验证很隐蔽,我还以为成功了呢,虽然不用邮箱!
1002室 三月 24, 2013 16:28:54@xsinger 这个说的是泉哥不是你,尼玛你也犯二啊
1003室 三月 24, 2013 16:31:13@小蝴蝶 我不二
1004室 三月 24, 2013 16:33:38@xsinger 不二不二 山炮不二
1005室 三月 24, 2013 16:34:11@小蝴蝶 好吧 我。。。
1002室 三月 24, 2013 19:10:02@Android 哈哈哈
1003室 三月 24, 2013 19:21:23@小蝴蝶 手机党很可怜的。今天想试试用手机回复,就一个成功了,还输错邮箱。
1002室 三月 24, 2013 21:38:09@ChoJemmy 噗..什么叫就一个成功了?别的为什么失败了..
1003室 三月 24, 2013 22:05:26哦豁豁,居然能看懂…
三月 24, 2013 16:31:13@DruidFY 好开森,终于有人看懂了
1101室 三月 24, 2013 16:32:05@小蝴蝶
话说你不是学代码的,怎么php这么在行
1102室 三月 24, 2013 17:12:30@DruidFY 爱好
1103室 三月 24, 2013 17:13:04@小蝴蝶
好吧,我爱好是游戏~
1104室 三月 24, 2013 17:17:04@DruidFY 看你头像第一眼就知道了
1105室 三月 24, 2013 17:18:03@小蝴蝶
我头像是一个明星好嘛
1106室 三月 24, 2013 17:19:16@DruidFY 囧..我还以为是WOW里面的
1107室 三月 24, 2013 17:26:48@小蝴蝶 Rob Zombie很有才的一个人。再提一个建议,分类目录点进去的文章就不用每页最上面两篇是fullwidth的了
1108室 三月 24, 2013 21:36:23@DruidFY 好了~~看看吧
1109室 三月 24, 2013 21:50:01@小蝴蝶 速度啊
11010室 三月 24, 2013 22:42:11@DruidFY
11011室 三月 24, 2013 22:59:08这篇文章写的还是很有条理的,有点进步
三月 24, 2013 16:35:06@xsinger 好开森
1201室 三月 24, 2013 16:37:38@小蝴蝶 呵呵
1202室 三月 24, 2013 16:45:33@xsinger 呵呵
1203室 三月 24, 2013 16:46:30@小蝴蝶 你妹
1204室 三月 24, 2013 16:46:45@小蝴蝶 怕你骄傲
1202室 三月 24, 2013 17:11:52@xsinger 1条
1203室 三月 24, 2013 17:12:42@小蝴蝶 啊,胜利了。要哭了
1204室 三月 24, 2013 17:13:15原来是程序,我以为是现实生活中的什么窍门
三月 24, 2013 16:43:21@我的名字叫麒
….窍门就是用我这个代码算 哈哈哈
1301室 三月 24, 2013 16:43:59我晕,要博主亲自盖楼呀?
三月 24, 2013 17:15:25@跑调的包子 是啊 惨绝人寰啊!
1401室 三月 24, 2013 17:17:37一天一篇,对自己的要求是不是太高了。
三月 24, 2013 18:13:36@不亦乐乎 甭提了,又在愁明天的
1501室 三月 24, 2013 19:16:00@小蝴蝶
小编…你的生活真充实呢
1502室 三月 24, 2013 21:25:12@跑调的包子
唔服?
1503室 三月 24, 2013 22:02:17@小蝴蝶 系啊
1504室 三月 25, 2013 07:32:17@跑调的包子 唔服单叼啊
1505室 三月 25, 2013 07:54:59@小蝴蝶 这是要在我的楼里打架么?没问问我同不同意啊。
1506室 三月 25, 2013 08:35:27@不亦乐乎 你不要拦住我
1507室 三月 25, 2013 08:39:22@跑调的包子 冇人拦你 赶快嚟啦
1508室 三月 25, 2013 11:56:29@小蝴蝶 是快D嚟啊 尼玛好丢人啊
1509室 三月 25, 2013 11:57:11@小蝴蝶 我嚟紧噶啦!你唔好走!(#‵_′)凸
1509室 三月 25, 2013 11:57:38@跑调的包子 兄弟,你脸哪么红是不是看http://www.love619.com/7487.html泷泽萝拉《第四部世界的美少女》看的啊,程序妞,介个算不算做广告?
15010室 三月 25, 2013 19:54:48@619影视
尼玛我家小楼给你们盖咁越来越唔有节操咗
15011室 三月 25, 2013 19:56:25@小蝴蝶
呵~呵~~呵呵,后面我看不懂。
15012室 三月 25, 2013 20:05:12@跑调的包子 强行插入,我来劝架的。
1508室 三月 25, 2013 19:51:49@619影视 IE8居然敢入来?!拖出去~~~
1509室 三月 25, 2013 20:07:03@小蝴蝶 你现在好屌喔~~~还说粤语了,还挑衅我了?! 来啊,单挑!草
1506室 三月 25, 2013 08:39:01@跑调的包子
噢买噶,说脏话死啦死啦滴。
1507室 三月 25, 2013 19:52:56@小蝴蝶 我丢。
1506室 三月 25, 2013 19:51:11@619影视
我叼
1507室 三月 25, 2013 20:07:38@跑调的包子 充实他妹,她的小马哥不陪她,只能电脑陪她了。
1503室 三月 25, 2013 20:07:33@619影视
你是在召唤小马哥来围观你吗
1504室 三月 26, 2013 00:59:11@619影视 hello啊
1504室 三月 26, 2013 01:59:49分明不是接触代码半年的节奏嘛╮(╯_╰)╭
三月 24, 2013 18:14:16@Arch!tect ╮(╯_╰)╭ 甭提了 被人虐得掀起
1601室 三月 24, 2013 19:02:57@小蝴蝶 邮件回复坏了,没收到邮件。。 ╮(╯_╰)╭
1602室 三月 25, 2013 04:41:20@Arch!tect 唉 昨晚挂了 在边栏有通知的说
1603室 三月 25, 2013 07:54:23感觉php版本的最简单哈
三月 24, 2013 18:54:52@山野愚人居 按代码字数来说,wordpress版本的代码最少了,只不过需要转换时间戳
1701室 三月 24, 2013 19:07:52我感觉你这篇灵感是不是跟我那篇文章有联系,过几天发布,你就来个倒计时了。
三月 24, 2013 21:00:40@郑永 哈哈哈能用来计算锤子几天发布
1801室 三月 25, 2013 00:45:29看完文章我发现我敏感了,呵呵。你是不折不扣码农啊。
三月 24, 2013 21:06:13@郑永 不然也没东西写了..哎
1901室 三月 25, 2013 00:45:53最后一句话经典。。我以后绝对不学php。。。
三月 24, 2013 23:20:53包子大神发威了~~
三月 25, 2013 00:37:45完全不会JS
三月 25, 2013 12:58:51JS好复杂的说~还是PHP的简洁明了
三月 25, 2013 13:03:33@airoschou I like php
2301室 三月 25, 2013 14:27:06Android你好
邮箱又挂了,自己看足迹吧,哭
2013-03-24 17:37:44+
@Android
昨晚那个时候挂的 现在好了
2401室 三月 25, 2013 14:26:32@小蝴蝶 额…..额…..额….额….昨天什么?
2402室 三月 25, 2013 14:42:04@Android 昨天我邮箱挂了啊…
2403室 三月 25, 2013 14:47:38@小蝴蝶 网易的?
2404室 三月 25, 2013 15:23:46@Android 恩恩 那会儿评论比较集中 过了大概一两个小时好了
2405室 三月 25, 2013 16:32:21@小蝴蝶 坑爹的邮箱又超限制了,看足迹吧
2406室 三月 26, 2013 12:52:53呃呃呃…呃呃呃….额鹅鹅鹅…
100被抢了~~
三月 25, 2013 14:33:22@xsinger 插入不解释
2501室 三月 25, 2013 15:24:58只有php能弱弱看明白一点~~
代码控~~代码控~~
三月 25, 2013 22:35:50