最新活动:电脑PC端+手机端+微网站+自适应网页多模板选择-建站388元起价!!!
当前位置:主页 > 网站建设 > 纯代码为WordPress站点添加倒计时功能,建站文章

纯代码为WordPress站点添加倒计时功能,建站文章

时间:2023-07-23 11:07:23 阅读: 文章分类: 网站建设 作者: 网站编辑员

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

公司网站搭建国外技术网站

前两天模板下载吧分享了通过安装一个 Countdown Timer Ultimate 插件来实现为 WordPress 站点添加倒计时的功能,详见『如何添加一个倒计时到 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站点添加倒计时功能,建站文章主要讲述倒计时,站点,建站网站建设源码以及服务器配置搭建相关技术文章。转载请保留链接: https://www.seouc.com/article/web_35109.html

    我的IDC 网站建设技术SEOUC.COM
    专注网站建设,SEO优化,小程序设计制作搭建开发定制网站等,数千家网站定制开发案例,网站推广技术服务。
  • 5000+合作客服
  • 8年从业经验
  • 150+覆盖行业
  • 最新热门源码技术文章