效果图:

WordPress利用自定义HTML小工具实现倒计时

首先,在外观-》小工具处添加一个自定义HTML小工具到你的侧栏:

添加以下代码:

<style type="text/css">
.zzsc-content{
padding-left:10%;
}
#clock{
font-family: 'Days One',"Microsoft YaHei", Arial,sans-serif;
font-size: 2em;
}
</style>
<div class="zzsc-content bgcolor-8">
<span id="clock"></span>
</div>

<script type="text/javascript" src="https://eqblog.com/jquery.countdown.js"></script>
<script type="text/javascript">
$(function(){
$('#clock').countdown('2018/6/7', function(event) {
$(this).html(event.strftime('%D 天 %H:%M:%S'));
});
})
</script>

在$(‘#clock’).countdown(‘2018/6/7’, function(event)这条里改成你要到的日期。
另外建议你将<script type=”text/javascript” src=”https://eqblog.com/jquery.countdown.js”></script>这一条中的js下载到你的网站环境中替换。

css样式请自行美化~