当前位置: 首页 > 知识库问答 >
问题:

日期时间倒计时,删除小数并在每个类别中保留时间显示时间

杭英杰
2023-03-14

最初,我在这里找到了一个倒计时问题的部分答案
(“cymen”谢谢你的回答!)

如何防止倒计时在剩余时间内使用小数?

还有,如何使倒计时只表示一分钟内还剩几秒,一小时内还剩几分钟,等等,就像在这个网站上,恰好有我要倒计时的确切日期和时间....
http://50onfire.com/dc/一样。
http://50onfire.com/dc/

以下是我将Cymen的代码编辑为:
http://jsfiddle.net/mcdsv/

HTML

<div class="countdown"></div>
    <p class="labels">
        <span class="weeks">WEEKS </span>
        <span class="days">DAYS </span>
        <span class="hours">HOURS </span>
        <span class="minutes">MINUTES </span>
        <span class="seconds">SECONDS </span>
    </p>    

JS

$(document).ready(function () {
    var date = new Date(2014, 11, 4, 19);
    var $display = $('.countdown');
    countdown($display, date);
    setInterval(function () { countdown($display, date); }, 1000);
});

var offset = get_time_zone_offset();

function countdown($display, collision) {
    var now = new Date();
    now.setHours(now.getHours() + (offset-5));
    var seconds = Math.ceil((collision.getTime() - now.getTime()) * 0.001);
    var minutes = Math.ceil(seconds/60);
    var hours = Math.ceil(seconds/60/60 * 10)/10;
    var days = Math.ceil((seconds/60/60/24) * 100)/100;
    var weeks = Math.ceil((days/7) * 100)/100;
    $display.html
    (
        '<p class="numbers">' + 
        collision + ((offset != 5) ? ' with time zone offset of ' + (offset-5) + ' hours' : '') +
        '<br><br><span id="weeks">' + weeks + '</span>' + 
        '<span id="days">' + days + '</span>' +
        '<span id="hours">' +hours + '</span>' +
        '<span id="minutes">' +minutes + '</span>' +
        '<span id="seconds">' +seconds + '</span>' +
        '</p>'
    );
}

共有1个答案

呼延沈义
2023-03-14

尝试在$display.html之前添加下面的代码

seconds = parseInt(seconds);
minutes = parseInt(minutes);
hours = parseInt(hours); 
days = parseInt(days);
weeks = parseInt(weeks); 
 类似资料:
  • 我正在尝试实现一个倒计时计时器,它将使用一个特定的日期和时间开始。从那里,我需要它从1小时倒计时,然后更新最初的日期和时间,增加一个小时,然后无限期地重复自己。 这是用于一个产品拍卖,将得到一个新的产品,一旦一个售完,价格下降每小时从它添加到拍卖,可能是一天中的任何时间。 示例: 我需要这个计时器在2014,7,25,11,30,0,0开始(2014年8月25日美国东部时间上午11:30),它将倒

  • 问题内容: 我正在尝试显示时间戳记- 我尝试了不同的查询方式,并且还尝试将用作值。似乎没有任何作用。我的目的是让该应用显示以前的素数和它们被发现的时间。该应用程序的初衷是让用户能够关闭/杀死该应用程序,并在重新启动该应用程序时从上次找到的素数恢复计数。如果您有任何暗示,我也将不胜感激。 这是PrimeDBManager类 头等舱 最后是MainActivity类 问题答案: 好的,既然您上传了项目

  • 问题内容: 我有一个日期字符串,想要将其转换为日期类型: 我尝试将datetime.datetime.strptime与所需的格式一起使用,但它会返回转换时间。 这是输出返回的内容: 我需要删除时间:00:00:00。 问题答案: 您想要的是datetime.date对象。您拥有的是一个datetime.datetime对象。您可以按照以上说明进行打印时更改对象,或者在创建对象时执行以下操作:

  • 问题内容: 场景: 我有一个从Excel工作表中检索到具有多个列的数据框。其中一些列是日期:一些仅包含日期(yyyy:mm:dd),一些具有日期和时间戳(yyyy:mm:dd 00.00.000000)。 问题: 当日期不是数据框的索引时,如何从日期中删除时间戳? 我已经尝试了什么: 在SO的其他文章中使用pandas中的日期- 在datetime中删除看不见的字符并转换为字符串以及如何剥离pan

  • 首先,我使用Jalali/波斯日期和倒计时jQuery插件对我不起作用。对于ex,插件必须输入公历日期,如2017/5/2,但波斯/贾拉利日期是1396/2/17。 我有多个datetime,指定了天、小时、分钟和秒。例: 3天13小时4分25秒 23天2小时41分3秒... 我有几天、几小时、几分钟和几秒时间, 我想在一页上为他们的日期倒计时(他们的日期是白天的) 当页面中只有一个日期时,我使用

  • 问题内容: 我从网络获取日期/时间字符串,格式为“ yyyy / mm / dd’T’HH:MM:SS’Z’”,它采用UTC格式。 现在,我必须确定设备的当前时区,然后将此时间转换为本地时间。 我该怎么做,请建议我! (仅供参考,目前,UTC时间为10:25 AM,印度当前时间为3:55 PM) 问题答案: 尝试使用代替 从文档: …您使用getDefault得到一个TimeZone,它根据程序运