导读:建站文章建站文章前两天模板下载吧分享了通过安装一个 Countdown Timer Ultimate 插件来实现为 WordPress 站点添加倒计时的功能,详见『如何添加一个公司网站搭建国外技术网站。

前两天模板下载吧分享了通过安装一个 Countdown Timer Ultimate 插件来实现为 WordPress 站点添加倒计时的功能,详见『如何添加一个倒计时到 WordPress 网站中?』,虽然很方便但是部分站长对插件天生不喜,所以今天就给大家转载分享一个纯代码的办法来为 WordPress 站点添加倒计时。

织梦模板安装
纯代码添加倒计时到 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?+'秒';
关键词标签: 建站 站点 倒计时
声明: 本文由我的SEOUC技术文章主页发布于:2023-07-23 ,文章纯代码为WordPress站点添加倒计时功能,建站文章主要讲述倒计时,站点,建站网站建设源码以及服务器配置搭建相关技术文章。转载请保留链接: http://www.tngdez.cn/article/web_35109.html