文章倒计时对于T楼,预告等方面有奇异之效,可以勾起各种访客们的再次回访。代码来自麦田一根葱,感谢想出这么好的功能~
顺便还要给各位道个歉:WP酷这几天将会选择性掉线,准备进入备案阶段……QAQ备个案还要快递喷绘扫描,坑爆了!
使用方法
将以下代码加入functions.php中:
function BYMT_countdown($atts, $content=null) { extract(shortcode_atts(array("time" => ''), $atts)); date_default_timezone_set('PRC'); $endtime=strtotime($time); $nowtime=time(); $counttime=$endtime-$nowtime; $day=floor($counttime/(60*60*24)); $day=$day<10 ? "0".$day : $day; $hour=floor(($counttime-$day*24*60*60)/3600); $hour=$hour<10 ? "0".$hour : $hour; $min=floor(($counttime-$day*24*60*60-$hour*3600)/60); $min=$min<10 ? "0".$min : $min; $sect=floor($counttime-$day*24*60*60-$hour*3600-$min*60-1); $sect=$sect<10 ? "0".$sect : $sect; global $endtimes; $endtimes = str_replace(array("-"," ",":"),",",$time); if($endtime>$nowtime){ return ''; }else{ return $content; } } function BYMT_countdown_foot_JS() { global $endtimes; echo ''."\n"; } add_shortcode('countdown', 'BYMT_countdown'); add_action('wp_footer', 'BYMT_countdown_foot_JS'); wp_register_script( 'BYMT_countdown_head_JS', get_template_directory_uri() . '/js/countdownjs.js', array(), '1.0', false ); wp_enqueue_script( 'BYMT_countdown_head_JS' );
将下面代码另存为countdownjs.js文件,并上传到主题js文件夹里
function add0(time){ if(time<10){ return "0"+time; }else{ return time; } } var interval = 1000; function ShowCountDown(year,month,day,hourd,minuted) { var now = new Date(); var endDate = new Date(year, month-1, day, hourd, minuted); var leftTime=endDate.getTime()-now.getTime(); var leftsecond = parseInt(leftTime/1000); var day=Math.floor(leftsecond/(60*60*24)); day = day < 0 ? 0 : day; var hour=Math.floor((leftsecond-day*24*60*60)/3600); hour = hour < 0 ? 0 : hour; var minute=Math.floor((leftsecond-day*24*60*60-hour*3600)/60); minute = minute < 0 ? 0 : minute; var second=Math.floor(leftsecond-day*24*60*60-hour*3600-minute*60); second = second < 0 ? 0 : second; var day2 = add0(day) var hour2 = add0(hour) var minute2 = add0(minute) var second2 = add0(second) $("#day").html(day2); $("#hour").html(hour2); $("#min").html(minute2); $("#sec").html(second2); }
最后再添加一个小样式,加入style.css里:
.Countdownbox{width:456px; height:116px; position:relative; background: url(images/Countdown.jpg) center center no-repeat; margin:0 auto;} .Countdownbox div{width:70px;height:90px;text-align:center;font:bold 50px/91px arial;color:#fff;position:absolute;top: 15px;}
这个小小的图片就放在主题目录的images文件夹里:
没问题了!
[countdown time=""]倒计时完成后显示的内容[/countdown]
time就是倒计时结束的时间,格式是2013-08-08 18:20:57
我擦。。你终于更新了。。。
@小V 因为有部分要写的东西都会堆到开学……
没有实例吗
@微尘逐风Gavin http://www.yuxiaoxi.com/2013-08-03-what-is-this.html这里就是了
我又来学习了
@屌丝博 =-+~常来呀~
应该是网站站长弄的吧,注册人员不可以。藐视我也看不太懂
4.2用不了了 能麻烦更新下吗
代码放PHP里 代码无效后台变形
[countdown time=””]倒计时完成后显示的内容[/countdown]
这个放在哪里?
@有钱一起赚 你有QQ联系方式吗 能问你一点题吗
@测试 问错人了吧?
@有钱一起赚 我想做个http://www.iqshw.com/qqnews/qzqb/这样的文章时间倒计时
http://www.iqshw.com/qqnews/2015/0529/96368.html
用jquery插件做
就差不懂在文章编辑页面添加图标
实现了,不过没有想象中的好,还是删了。
@等待 你怎么实现的 我怎么代码复制到DW 代码是黑色的 有错误吧
@等待 你好 可以教我怎么实现吗??那个短代码放在哪里呢??