时间倒计时-时-分-秒

var time_end = new Date();  // 设定结束时间
time_end = time_end.getTime()+7200000;//设置时间间隔为2小时
setTimeout("show_time()",1000);
function show_time() {
    var time_start = new Date();//获得当前时间
    time_start.getTime();
    var time_distance = time_end-time_start;
    var int_hour, int_minute, int_second;
    if(time_distance>=0){
        int_hour =  Math.floor(time_distance/3600000);//取小时
        time_distance -= int_hour * 3600000;
        int_minute = Math.floor(time_distance/60000);//取分钟
        time_distance -= int_minute * 60000;
        int_second = Math.floor(time_distance/1000);//取秒钟

        // 时分秒为单数时、前面加零站位
        if(int_hour < 10)
            int_hour = "0" + int_hour;
        if(int_minute < 10)
            int_minute = "0" + int_minute;
        if(int_second < 10)
            int_second = "0" + int_second;
        // 显示时间
        $("#time_h").text(int_hour);
        $("#time_m").text(int_minute);
        $("#time_s").text(int_second);
        setTimeout("show_time()",1000);
    }
}

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏bamboo前端学习记录

JSON 格式

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。 易于人阅读和编写。同时也易于机器解析和生成。2001年由 Dou...

54340
来自专栏终身学习者

ES6迭代器的简单指南和示例

我们将在本文中分析迭代器。迭代器是在JavaScript中循环任何集合的一种新方法。它们是在ES6中引入的,由于它们的广泛用途和在不同地方的使用而变得非常流行。

12440
来自专栏终身学习者

JavaScript 是如何工作: Shadow DOM 的内部结构+如何编写独立的组件!

Web Components 是一套不同的技术,允许你创建可重用的定制元素,它们的功能封装在你的代码之外,你可以在 Web 应用中使用它们。

13030
来自专栏bamboo前端学习记录

js 事件笔记

在Web中, 事件在浏览器窗口中被触发,执行事先绑定的事件处理器(也就是事件触发时会运行的代码块),对事件做出响应。 用户在浏览器的任何一个操作都会去触发一个事...

76420
来自专栏终身学习者

JavaScript是如何工作的:渲染引擎和优化其性能的技巧

当你构建 Web 应用程序时,你不只是编写单独运行的 JavaScript 代码,你编写的 JavaScript 正在与环境进行交互。了解这种环境,它的工作原理...

10330
来自专栏终身学习者

JavaScript 是如何工作的:深入网络层 + 如何优化性能和安全

正如在上一篇关于 渲染引擎 的博客文章中提到的,我们认为优秀的 JavaScript 开发人员和杰出的 JavaScript 开发人员之间的区别在于,后者不仅理...

11430
来自专栏终身学习者

提高 JavaScript 开发效率的高级 VSCode 扩展之二!

作为一名业余爱好者、专业人员,甚至是每月只有一次编程的开发人员,你必须知道,对于任何愿意在工作中投入最大生产时间的人来说,拥有智能和敏捷的工具是至关重要的,废话...

27530
来自专栏终身学习者

JavaScript是如何工作的:存储引擎+如何选择合适的存储API

在设计 Web 应用程序时,为本地浏览器选择合适的存储机制至关重要, 一个好的存储引擎可以确保可靠地保存信息,减少带宽,提高响应能力。正确的存储缓存策略是实现离...

11010
来自专栏bamboo前端学习记录

js 定时器笔记

JavaScript提供定时执行代码的功能,该功能主要由setTimeout()和setInterval()这两个函数来实现

61360
来自专栏终身学习者

如何正确合理使用 JavaScript async/await !

ES8 引入的 async/await 在 JavaScript 的异步编程中是一个极好的改进。它提供了使用同步样式代码异步访问 resoruces 的方式,而...

14630

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励