添加倒计时

生日倒计时,高考倒计时,活动倒计时,这些都可以展示在WordPress里。但我还不能把倒计时插入到网站底部,在footer.php如何添加短代码我不清楚,也没有兴趣搜索,因为我的底部已经有一个计时了,都添加在底部觉得有些累赘。所以我把倒计时放在置顶文章里,你可以从中看到效果。
WordPress添加倒计时分三步走。
第一步,将countdownjs.js这个文件下载安放到主题的js文件夹里,可修改里面的倒计时内容文字。

第二步,添加下面的代码到主题functions.php里。

//倒计时 tongzan.com剽窃
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' );

第三步,在文章或者页面插入短代码即可显示了,注意时间格式。

【countdown time="2019-03-21 00:00:00"]

一衰人走在毁人不倦的不归路途。父不父,夫不夫,子不子,师不师,我之谓也。

传说看完文章评个论是高尚品德

随机一篇看看手气咯
狠狠的抽打博主 支付宝微信打赏