倒计时

最新推荐文章于 2023-12-25 09:31:33 发布
最新推荐文章于 2023-12-25 09:31:33 发布
阅读量190 收藏
点赞数
分类专栏： JavaScript技术

利用Date()对象来实现，计算出的天数差可能为一个浮点值，需要通过Math对象的floor()方法来获取整数值，如果天数为负数，要使用Math对象取绝对值的方法abs()
在这里插入图片描述

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>世界在下沉，教徒在狂欢</title>
</head>
<script type="text/javascript">

/**
*事件倒计时
*@title：事件的名称  
*@eventDate：事件的日期
*/
function countDown(title,eventDate){
	var dateObj = new Date();		//当前系统时间的Date对象 
	var dateStr = eventDate.split("-");
	var eventDateObj = new Date(dateStr[0],(dateStr[1]-1),dateStr[2]);//某一日期的Date对象 
	var t1 = dateObj.getTime();		//从 1970 年 1 月 1 日开始计算到 Date 对象中的时间之间的毫秒数
	var t2 = eventDateObj.getTime();//从 1970 年 1 月 1 日开始计算到 Date 对象中的时间之间的毫秒数
	var datetime=24*60*60*1000;		//一天的毫秒值 
	var days = Math.floor((t2-t1)/datetime)+1;//相差的天数 	
	if(days>0){
		document.getElementById("day_str").innerHTML="距"+title+"毁灭还有"+days+"天！";
	}
	if(days==0){
		document.getElementById("day_str").innerHTML="今天是"+title+"毁灭日！";
	}
	if(days<0){
		days =Math.abs(days)+1;
		document.getElementById("day_str").innerHTML="今天是"+title+"第"+days+"个毁灭日！";
	}	
	setTimeout("countDown('世界毁灭','2019-3-30')",datetime);//每个一天调用一次本函数，刷新显示时间
}


</script>
 <body onLoad="javascript:countDown('世界毁灭','2019-3-30')">
<table width="778" border="0" align="center" cellpadding="0" cellspacing="0" class="tableBorder">
  <tr>
    <td height="183">
<table width="778" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="150" valign="top" background="Images/top_bg.gif" bgcolor="#EEEEEE"><table width="100%" height="53"  border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="77%" height="18">&nbsp;</td>
        <td colspan="4">&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td width="2%"><img src="Images/Top_flag.gif" width="3" height="7"></td>
        <td width="8%"><a href="#" onClick="window.location.reload();">刷新页面</a></td>
        <td width="1%"><img src="Images/Top_flag.gif" width="3" height="7"></td>
        <td width="12%"><a href="#" >关闭系统</a></td>
      </tr>
    </table>
      <table width="98%" height="93"  border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td align="right" valign="bottom" class="word_Green">当前登录用户：Remember</td>
        </tr>
      </table></td>
  </tr>
  <tr>
    <td height="33" align="right" background="Images/navigation_bg.gif" bgcolor="#EEEEEE"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="3%">&nbsp;</td>
        <td width="27%"><div id="day_str" class="word_Green">
        </div></td>
        <td width="70%" align="right"><a href="#">首页</a>┊<a href="">系统设置</a>┊
          <a href="#">读者管理</a>┊
         <a href="#">图书管理</a>┊
          <a href="#">图书借还</a>┊
          <a href="#">系统查询</a>┊<a href="#">排行榜</a>┊<a href="">更改口令</a>┊<a href="#">退出系统</a></td>
        <td width="2%">&nbsp;</td>
      </tr>
    </table></td>
  </tr>
</table>
	</td>
	</tr>
	<td bgcolor="#FFFFFF">
	<table width="100%"  border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td valign="top" bgcolor="#FFFFFF"><table width="99%" height="180"  border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" class="tableBorder_gray">
  <tr>
    <td height="178" align="center" valign="top" style="padding:5px;"><table width="100%"  border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td height="20" align="right" valign="middle" class="word_orange">当前位置：首页 &gt;&gt;&gt;&nbsp;</td>
      </tr>
      <tr>
        <td valign="top"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td height="57" background="Images/main_booksort.gif">&nbsp;</td>
          </tr>
          <tr>
            <td height="72" valign="top" background="Images/main_booksort_1.gif"><table width="100%" height="63"  border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td width="2%">&nbsp;</td>
                <td width="96%" align="center" valign="top"><table width="100%"  border="1" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF" bordercolordark="#D2E3E6" bordercolorlight="#FFFFFF">
                  <tr align="center">
                    <td width="6%" height="25">排名</td>
    <td width="11%">图书条形码</td>
    <td width="17%">图书名称</td>
    <td width="15%">图书类型</td>
    <td width="16%">书架</td>
    <td width="14%">出版社</td>
    <td width="11%">作者</td>
    <td>定价(元)</td>
                      </tr>
                </table>
                  <table width="100%"  border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td height="39" align="right"></td>
                    </tr>
                  </table></td>
                <td width="2%">&nbsp;</td>
              </tr>
            </table></td>
          </tr>
          <tr>
            <td height="19" background="Images/main_booksort_2.gif">&nbsp;</td>
          </tr>
        </table>
          </td>
      </tr>
    </table>
      </td>
  </tr>
</table></td>
  </tr>
</table>
<table width="99%" height="72"  border="0" align="center" cellpadding="-2" cellspacing="-2">
      <tr>
        <td height="2" colspan="4"></td>
        </tr>
      <tr>
        <td width="124" height="23">&nbsp;</td>
        <td valign="bottom" align="center"> XXXXXXXXXXXXXXXXXXXXXX</td>
        <td width="141">&nbsp;</td>
      </tr>
      <tr>
        <td height="28">&nbsp;</td>
        <td align="center">本站请使用IE6.0或以上版本 1024*768为最佳显示效果</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td height="8"></td>
        <td height="8"></td>
        <td height="8"></td>
      </tr>
    </table></td>
  </tr>
</table>
</body>
</html>
不善表演
关注
专栏目录
JS Math方法 Date对象 倒计时
procul的博客
03-25 227
Math.floor() 向下取整 取小 Math.ceil() 向上取整 取大 Math.round() 四舍五入 负数同理 Math.random() 随机数 (0,1] 算法 取两个数的随机整数 [min,max] Math.floor(Math.random( )*(max-min+1))+min; New Array 对...
Vue中根据时间戳计算时间间隔-年龄
BXA
12-02 4000
根据时间戳转化年龄实现目标功能代码内容小结 实现目标      功能代码      this.patientAge = this.toAge(this.$route.query.age); toAge(timeStamp) { let birthDate = this.toDate(timeStamp).substr(0, 4); ...
vue获取当前时间戳
PCthedream的博客
12-25 1448
【代码】vue获取当前时间戳。
vue中倒计时(日，时，分，秒)的计算和当前时间计时读秒
u011608672的博客
11-05 3095
在了解倒计时原理之前先了解一些时间戳 例如：12小时转换为时间戳 12✖️60✖️60✖️1000 第一个60单位分钟 第二个60单位是秒 第三个1000单位毫秒 未来某天的倒计时 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <
Rainmeter倒计时插件
10-10
而"Rainmeter倒计时插件"则是Rainmeter众多功能扩展中的一种，专用于在桌面上创建倒计时计时器，帮助用户追踪重要的日期或事件。 倒计时插件通常包含以下几个核心组成部分： 1. **界面设计**：Rainmeter插件的一大...
希沃白板计时器提取版 ，集成倒计时和计时器两大功能，支持全屏
最新发布
09-27
用户可以直接选择开始计时或倒计时，界面简洁明了。 使用方法 运行软件后，选择倒计时或计时器。 设定好时间后，点击开始。 在计时过程中，可以选择全屏显示。 软件测评 这款计时工具是从希沃软件中提取而成，具备...
K线倒计时指标_倒计时指标_倒计时_K线倒计时指标_k线倒计时_K._
10-03
K线倒计时指标是一种专门针对K线图设计的辅助工具，它可以帮助交易者更精确地掌握市场动态，特别是在短线交易中。本文将详细探讨K线倒计时指标的原理、作用以及如何运用。 K线倒计时指标，正如其名，主要功能是在...
60s倒计时_STM32倒计时_STM32倒计时_倒计时_complex1wz
09-10
在本项目中，我们关注的是如何在STM32上实现60秒倒计时功能，并通过显示屏进行实时显示。这涉及到STM32的定时器配置、中断处理以及与显示屏的接口通信等多个知识点。 首先，我们需要了解STM32的定时器工作原理。STM...
2023年新年倒计时HTML源代码，2023年春节倒计时代码
11-10
新年倒计时和春节倒计时是网页设计中常见的元素，尤其在节日即将来临之际，它们为用户提供了直观的时间感知，增加了节日氛围。本压缩包`NewYearCount-master`包含了实现这一功能所需的必要文件，包括HTML、CSS和...
距离某一时刻 过去的时间
这是个问题
05-27 522
var date1=new Date(‘2018-05-26 08:30:00'); //开始时间 var date2=new Date(); //结束时间 var date3 = date2 - date1; //计算相差小时数 var leave1=date3%(24*3600*1000); //计算天数后剩余的毫秒数 var...
vue时间格式化，使用用filter+js时间格式化函数
yyd19920013的博客
06-11 991
前言：在使用vue做日常做项目中，我们经常会遇见一些时间格式化的需求。如果不写filter的话，甚至连个好用的时间格式化函数都没有的话，每次写一遍十分麻烦，也十分容易出错，所以我今天就把我项目中常用的一些时间格式化函数分享给大家，如果有没有写过filter的同学也可以参考一下，毕竟写代码很重要的一点是能复用嘛！ 先分享一个比较常用的时间格式化函数 //日期格式化函数 //oDate（时间戳或字符串日期都支持） //fmt（格式匹配） //月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q.
vue关于数字的处理（四舍五入，向上取整，向下取整。。）
热门推荐
weixin_43885568的博客
12-03 6万+
关于数字的处理（四舍五入，向上取整，向下取整。。） 在vue项目中可以新建一个filter.js的文件 在文件中将这些过滤全部写进去，再在页面进行引用 1、时分秒的显示 格式 00:00:00 export const timeFilter = val =&gt; { function p(t) { return t &lt; 10 ? ‘0’ + t: t; } var h = Math.fl...
Math的几个方法Math.round()、Math.ceil()、Math.floor()和Math.abs()记录一下
qq_41135254的博客
03-15 1万+
Math.round() 就是数学中的四舍五入，举例： System.out.println("Math.round(1.2)="+Math.round(1.2)); System.out.println("Math.round(1.5)="+Math.round(1.5)); System.out.println("Math.round(1.7)="+Math.round(1.7)...
vue获取当前时间、时间戳方法
m0_45305745的博客
06-11 2万+
vue获取当前时间、时间戳方法
vue.js项目中时间戳转时间最简单方法
H5爱好者
05-07 4668
vue.js项目中时间戳转时间最简单方法 【还需优化，后期改进了继续更新】 timestampToTime(timestamp) { var date = new Date(timestamp * 1000);//时间戳为10位需*1000，时间戳为13位的话不需乘1000 // let Y = date.getFullYear() + '-'; ...
vue获取时间戳（毫秒）转换为日期格式 2种方式
boy火巨的博客
06-29 4万+
vue获取时间戳转换为日期格式。 方法一为转载黄轶老师的format方法：出处（黄轶老师github https://github.com/ustbhuangyi）； ​​​​​​ // date.js export function formatDate (date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp...
vue时间戳转换
weixin_45378485的博客
08-16 5261
我个人在vue项目中遇到的时间戳转换问题，是把转换时间戳单独作为一个js文件，需要用的地方直接引用，这样就不用多次在代码中去写了； 一、新建js文件 文件命名可以自己随便命名，这里就已 util.js 为例 我是把此文件放入 /assets/js 文件夹里 util.js 文件内容如下： export function formatDate(date, fmt) { if (/(y+)/.t...
js / vue：时间戳 倒计时 和 格式化时间 及时间戳转换
qq_36413371的博客
11-19 2560
// 获取当前时间 格式:yyyy-MM-dd HH:MM:SS function getCurrentTime(timeStamp) { /** * 补零 */ function zeroFill(i) { if (i >= 0 && i <= 9) { return "0" + i; } e...
倒计时功能实现详解
"倒计时显示的实现方法" 在Android开发中，倒计时显示是一种常见的功能，例如在计时器、倒计时器或者等待加载界面中都会用到。这个资源描述的是一个名为`Counter`的类，该类继承自Android的`CountDownTimer`类，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值