当前位置: 首页 > news >正文

js学习笔记之日期倒计时(天,时,分,秒)

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>JS实现倒计时(时、分,秒)</title>
    <script>
        function ShowCountDown(year,month,day,divname)
        {
            var now = new Date();
            var endDate = new Date(year, month, day);
            var leftTime=endDate.getTime()-now.getTime();
            var dd = parseInt(leftTime / 1000 / 60 / 60 / 24, 10);//计算剩余的天数
            var hh = parseInt(leftTime / 1000 / 60 / 60 % 24, 10);//计算剩余的小时数
            var mm = parseInt(leftTime / 1000 / 60 % 60, 10);//计算剩余的分钟数
            var ss = parseInt(leftTime / 1000 % 60, 10);//计算剩余的秒数
            dd = checkTime(dd);
            hh = checkTime(hh);
            mm = checkTime(mm);
            ss = checkTime(ss);//小于10的话加0
            var cc = document.getElementById(divname);
            cc.innerHTML = "距离" + year + "" + month + "" + day + "日还有:" + dd + "" + hh + "小时" + mm + "" + ss + "";
        }
        function checkTime(i)
        {
            if (i < 10) {
                i = "0" + i;
            }
            return i;
        }
        window.setInterval(function(){ShowCountDown(2020,11,11,'countdown');}, 1000);
    </script>
</head>
<body>
<div id="countdown"></div>
</body>
</html>

 

转载于:https://www.cnblogs.com/nightstarsky/p/5661223.html

相关文章:

  • iOS app和Extension数据共享DB时候遇到的坑 NSFileManager共享数据的坑
  • ASP.NET MVC学习之路由篇(2)
  • 用Go语言写Android应用 (2) - 从Android的Java调用Go代码
  • RootMe--HTTP - Open redirect
  • SerializeDeserialize
  • Unity3dShader边缘发光效果
  • 利用python jieba库统计政府工作报告词频
  • Azure linux centos 默认登陆账号是什么?
  • TeeChart Pro VCL/FMX教程(一):入门——构建图表
  • Sass 快速入门教程
  • 结对开发石家庄地铁查询系统
  • P2V操作完整步骤,物理机转换openstack虚拟机
  • eclipse中利用hibernate插件,根据数据库表反向生成Javabean
  • 工厂模式
  • 1.XGBOOST算法推导
  • @angular/forms 源码解析之双向绑定
  • 【Leetcode】104. 二叉树的最大深度
  • 4个实用的微服务测试策略
  • Angular 响应式表单之下拉框
  • const let
  • GitUp, 你不可错过的秀外慧中的git工具
  • iOS筛选菜单、分段选择器、导航栏、悬浮窗、转场动画、启动视频等源码
  • java概述
  • OpenStack安装流程(juno版)- 添加网络服务(neutron)- controller节点
  • Redis在Web项目中的应用与实践
  • Vue 2.3、2.4 知识点小结
  • 动态魔术使用DBMS_SQL
  • 工作踩坑系列——https访问遇到“已阻止载入混合活动内容”
  • 聊聊springcloud的EurekaClientAutoConfiguration
  • 删除表内多余的重复数据
  • 中国人寿如何基于容器搭建金融PaaS云平台
  • Linux权限管理(week1_day5)--技术流ken
  • #include
  • #我与Java虚拟机的故事#连载16:打开Java世界大门的钥匙
  • $(document).ready(function(){}), $().ready(function(){})和$(function(){})三者区别
  • $emit传递多个参数_PPC和MIPS指令集下二进制代码中函数参数个数的识别方法
  • (12)目标检测_SSD基于pytorch搭建代码
  • (145)光线追踪距离场柔和阴影
  • (2/2) 为了理解 UWP 的启动流程,我从零开始创建了一个 UWP 程序
  • (JS基础)String 类型
  • (NO.00004)iOS实现打砖块游戏(十二):伸缩自如,我是如意金箍棒(上)!
  • (阿里云万网)-域名注册购买实名流程
  • (附源码)ssm基于微信小程序的疫苗管理系统 毕业设计 092354
  • (附源码)小程序 交通违法举报系统 毕业设计 242045
  • (论文阅读31/100)Stacked hourglass networks for human pose estimation
  • (十五)devops持续集成开发——jenkins流水线构建策略配置及触发器的使用
  • (四)linux文件内容查看
  • (转)Oracle存储过程编写经验和优化措施
  • (转)真正的中国天气api接口xml,json(求加精) ...
  • .helper勒索病毒的最新威胁:如何恢复您的数据?
  • .NET C# 使用 SetWindowsHookEx 监听鼠标或键盘消息以及此方法的坑
  • .NET 设计模式—简单工厂(Simple Factory Pattern)
  • .NET和.COM和.CN域名区别
  • @Builder用法
  • [ JavaScript ] JSON方法