wordpress文章内添加倒计时不负君虚拟资源分享部落

添加倒计时的方法

1.将下面的代码转为countdownjs.js，保存在当前所使用主题的 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 = '活动倒计时：';
document.getElementById('day').innerHTML = getDay +'天';
document.getElementById('hour').innerHTML = getHour +'时';
document.getElementById('min').innerHTML = getMinute +'分';
document.getElementById('sec').innerHTML = getSecond +'秒';
}else{
document.getElementById('countdown').innerHTML= '本次活动已经结束'
}
}

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 = '活动倒计时：';

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

document.getElementById('hour').innerHTML = getHour +'时';

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

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

}else{

document.getElementById('countdown').innerHTML= '本次活动已经结束'

}

functions加入以下代码

把下面的代码添加到当前主题的 functions.php 文件最后一个 ?> 的前面切记是最后一个 ?>

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 '
<div id="countdown">
<span id="time"></span>
<span id="day"></span>
<span id="hour"></span>
<span id="min"></span>
<span id="sec"></span>
</div>
';
}else{
return '本次活动已经结束';
}
}
function countdown_js() {
global $endtimes;
echo '<script>window.setInterval(function(){ShowCountDown('.$endtimes.');}, interval);</script>'."\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' );

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 '

</div>

}else{

return '本次活动已经结束';

}

function countdown_js() {

global $endtimes;

echo '<script>window.setInterval(function(){ShowCountDown('.$endtimes.');}, interval);</script>'."\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' );

效果

以下就是效果

本次活动已经结束

添加倒计时的方法

functions加入以下代码

效果

Hi，您需要填写昵称和邮箱！