限時(shí)的活動(dòng)或是報(bào)名中，作為促進(jìn)消費(fèi)和轉(zhuǎn)化用戶(hù)是非常好用的一個(gè)營(yíng)銷(xiāo)功能，可以讓訪(fǎng)客抓緊時(shí)間想要獲取內(nèi)容或是福利，添加活動(dòng)就需要活動(dòng)倒計(jì)時(shí)功能，今天為大家分享一下wordpress站點(diǎn)添加活動(dòng)倒計(jì)時(shí)功能教程。

實(shí)現(xiàn)步驟

1、把下面的代碼保存為 countdownjs.js，保存在當(dāng)前所使用主題的 js/目錄里：

function getAdd(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 getDay = getAdd(day);

var getHour = getAdd(hour);

var getMinute = getAdd(minute);

var getSecond = getAdd(second);

if(endDate > now){

document.getElementById('time').innerHTML = '活動(dòng)倒計(jì)時(shí)：';

document.getElementById('day').innerHTML = getDay +'天';

document.getElementById('hour').innerHTML = getHour +'時(shí)';

document.getElementById('min').innerHTML = getMinute +'分';

document.getElementById('sec').innerHTML = getSecond +'秒';

}else{

document.getElementById('countdown').innerHTML= '本次活動(dòng)已經(jīng)結(jié)束'

}

}

2、把下面的代碼添加到當(dāng)前主題的 functions.php 文件最后一個(gè) ?> 的前面：

function countdown($atts, $content=null) {

extract(shortcode_atts(array("time" => ''), $atts));

date_default_timezone_set('PRC');

$endtime=strtotime($time);

$nowtime=time();

global $endtimes;

$endtimes = str_replace(array("-"," ",":"),",",$time);

if($endtime>$nowtime){

return '

';

}else{

return '本次活動(dòng)已經(jīng)結(jié)束';

}

}

function countdown_js() {

global $endtimes;

echo ''."n";

}

add_shortcode('countdown', 'countdown');

add_action('wp_footer', 'countdown_js');

wp_register_script( 'countdown_js', get_template_directory_uri() . '/js/countdownjs.js', array(), '1.0', false );

wp_enqueue_script( 'countdown_js' );

3、在發(fā)布/更新文章的時(shí)候，切換到文末模式，然后在想要插入倒計(jì)時(shí)的位置添加以下短代碼：

[countdown time="2019-01-15 18:41:57"]

其中 time="2019-01-15 18:41:57"引號(hào)中的時(shí)間就是活動(dòng)結(jié)束時(shí)間，修改為其他日期時(shí)間時(shí)請(qǐng)保持格式一致即可。