javascript - 如何让我的网站自动更新一些我需要在每年特定时间添加的内容?
问题描述
我希望将某些特定内容添加到我的网站,以便在一年中的某些时间自动添加?我应该在我的代码中添加什么以使这成为可能?
这是我想要编辑的代码:
<div class="event-table">
<ul class="content-box-list events" data-id="314324">
<li data-id="701207" class="first">
<span class="date" data-unix-date="1556078400" data-time="">Wed, Apr<br><strong>24</strong></span>
<span class="title">8th Grade Class Fundraising Meeting</span>
<span class="see-details">See Details</span>
</li>
<li data-id="735125">
<span class="date" data-unix-date="1556769600" data-time="">Thu, May<br><strong>2</strong></span>
<span class="title">Spring Band Concert Dress Rehearsal</span>
<span class="see-details">See Details</span>
</li>
<li data-id="735135">
<span class="date" data-unix-date="1556769600" data-time="">Thu, May<br><strong>2</strong></span>
<span class="title">Spring Band Concert </span>
<span class="see-details">See Details</span>
</li>
<li data-id="815524">
<span class="date" data-unix-date="1557720000" data-time="">Mon, May<br><strong>13</strong></span>
<span class="title">Board of Education Meeting</span>
<span class="see-details">See Details</span>
</li>
<li data-id="698413" class="last">
<span class="date" data-unix-date="1557892800" data-time="">Wed, May<br><strong>15</strong></span>
<span class="title">PTO Meeting</span>
<span class="see-details">See Details</span>
</li>
</ul>
</div>
解决方案
如果我正确理解了您的问题,您想在某一天向您的网站添加内容,您可以使用 Javascript 通过确定当前日期然后编写一些 if 子句在满足条件时执行某项操作来实现此目的,例如,如果您想在今天显示一条消息,那么您可以这样做:
var today = new Date();
var dd = String(today.getDate()).padStart(2, '0');
var mm = String(today.getMonth() + 1).padStart(2, '0'); //January is 0!
var yyyy = today.getFullYear();
today = mm + '/' + dd + '/' + yyyy;
if(today == '04/19/2019') {
alert('do this');
$('.yourClass').show(); //show content
$('.yourOtherClass').hide() //hide content
}
编辑:如果您需要更具体,您还可以确定星期几和一天中的时间。
推荐阅读
- angular - 当我在Angular2中使用onclick函数单击特定用户时如何动态显示JSON数据
- php - 如何在 CakePHP 3.x 中发送 JSON 响应
- c++ - 无法捕获 CLion 发送的 SIGINT
- php - 如何搜索数组并存储其父项。
- java - 无法将图像的 URI 路径放入 Android Studio 中的 imageview
- r - 用于替换和修改变量的 dplyr 工作流程
- powershell - 将参数传递给 Powershell 中的应用程序调用
- java - 响应后如何关闭spring集成tcp连接
- unit-testing - 对自定义 CLion 插件进行单元测试
- javascript - 蓝色窗口在 3 秒后消失