WP酷 WP酷
  • 主题
  • 教程
  • 插件
  • 官方 QQ 群
  • 建站推荐
  • 联系
  • nicetheme® 奈思主题
  • 注册
    登录
立即登录
  • 请到 [后台->外观->菜单] 中设置菜单
首页 › WordPress 教程 › WordPress添加文章倒计时短代码

WordPress添加文章倒计时短代码

PCDotFan10年前

 

WordPress添加文章倒计时短代码-WP酷

文章倒计时对于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 '
这里面是什么内容?倒计时结束后,马上为您揭晓!还剩:
'.$day.'天
'.$hour.'时
'.$min.'分
'.$sect.'秒
'; }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文件夹里:

WordPress添加文章倒计时短代码-WP酷

 

没问题了!

[countdown time=""]倒计时完成后显示的内容[/countdown]

 time就是倒计时结束的时间,格式是2013-08-08 18:20:57

 

#倒计时
8
分享

本站下载管理系统「dl.mywpku.com」因年久失修而永久关闭。若需获得往年主题,请至 WP酷的百度网盘(提取码: 5rbm) 自行搜索下载。默认解压密码为「www.mywpku.com」。

对您造成的不便,敬请谅解!

PCDotFan 站长
文章 435评论 859
相关文章
  • [6.0 更新中文汉化]极度流行的SEO插件 – WordPress SEO by Yoast
  • WordPress 新用户注册邮件链接提示「您的密码重设链接无效」
  • AMP – 为 WordPress 移动站点操作全球访问优化
  • 去除谷歌服务 – WordPress 国外主题全方位加速
  • 使用 WP-CLI 简化 WordPress 操作流程
  • WordPress 基础开发 – 一探 WordPress Hook 机制及示例应用
  • 优化静态资源 – WordPress 国外主题全方位加速
  • WordPress 实现微信登录
评论 (16)
再想想
  • 小V

    我擦。。你终于更新了。。。

    10年前
    • WP酷

      @小V 因为有部分要写的东西都会堆到开学……

      10年前
  • 微尘逐风Gavin

    没有实例吗

    10年前
    • WP酷

      @微尘逐风Gavin http://www.yuxiaoxi.com/2013-08-03-what-is-this.html这里就是了

      10年前
  • 屌丝博

    我又来学习了

    10年前
    • WP酷

      @屌丝博 =-+~常来呀~

      10年前
  • 周欢

    应该是网站站长弄的吧,注册人员不可以。藐视我也看不太懂

    8年前
  • feiwu8.com

    4.2用不了了 能麻烦更新下吗

    8年前
  • 测试

    代码放PHP里 代码无效后台变形

    8年前
  • 有钱一起赚

    [countdown time=””]倒计时完成后显示的内容[/countdown]
    这个放在哪里?

    8年前
    • 测试

      @有钱一起赚 你有QQ联系方式吗 能问你一点题吗

      8年前
    • 有钱一起赚

      @测试 问错人了吧?

      8年前
    • 测试

      @有钱一起赚 我想做个http://www.iqshw.com/qqnews/qzqb/这样的文章时间倒计时
      http://www.iqshw.com/qqnews/2015/0529/96368.html

      用jquery插件做
      就差不懂在文章编辑页面添加图标

      8年前
  • 等待

    实现了,不过没有想象中的好,还是删了。

    8年前
    • 测试

      @等待 你怎么实现的 我怎么代码复制到DW 代码是黑色的 有错误吧

      8年前
    • 岩岩

      @等待 你好 可以教我怎么实现吗??那个短代码放在哪里呢??

      7年前
PCDotFan
站长
若无特别注明,则默认我发布的所有文章均为内容原创 / 翻译原创,转载时请保留来源。
435文章
859评论
3K获赞
猜你喜欢
解决WordPress安装主题/插件提示输入FTP帐号的问题
9年前
WordPress 获取文章中第一个链接
9年前
WordPress打造一个完整的投稿功能
9年前
  • 杂记
  • WordPress 付费主题推荐
Copyright © 2023 WP酷. Designed by nicetheme. 琼ICP备13002067号-1