网站介绍

该网站是一个倒计时功能，可以用于庆祝重要节日、纪念日等。用户可以输入年、月、日以及指定的div名称来生成倒计时。倒计时将以秒为单位进行显示。

功能特点

  • 支持自定义输入年份和月份，方便用户计算特定日期的倒计时；
  • 可以指定一个div名称，将倒计时的 HTML 元素插入到对应的位置；
  • 通过 JavaScript 实现倒计时功能，准确计算剩余时间并更新网页内容；
  • 倒计时的显示格式包括天、小时、分钟和秒。

使用步骤

  1. 在网页中找到合适的位置，创建一个具有特定id的 div 元素，例如：<div id=“countdown”></div>;
  2. 在需要开始倒计时的地方调用 ShowCountDown 函数，并传入相关参数，例如：ShowCountDown(2023, 7, 3, “countdown”);
  3. 等待一段时间后，浏览器会自动更新并显示倒计时。

示例代码

<script type="text/javascript">
var interval = 1000; // 更新频率，单位为毫秒
function ShowCountDown(year, month, day, divname) {
var now = new Date();
var endDate = new Date(year, month-1, day);
var leftTime=endDate.getTime()-now.getTime();
var leftsecond = parseInt(leftTime/1000);
var day1=Math.floor(leftsecond/(60*60*24));
var hour=Math.floor((leftsecond-day1*24*60*60)/3600);
var minute=Math.floor((leftsecond-day1*24*60*60-hour*3600)/60);
var second=Math.floor(leftsecond-day1*24*60*60-hour*3600-minute*60);

// 在指定的 div 中显示倒计时
document.getElementById(divname).innerHTML = "倒计时：" + day1 + "天 " + hour + "小时 " + minute + "分钟 " + second + "秒";
}
</script>

以上示例代码中的 interval 变量可以根据需要进行调整，以控制倒计时的更新频率。