JS日期对象,倒计时函数

<script>
        // Date() 日期对象  是一个构造函数 必须使用new 来调用创建我们的日期对象
        var arr = new Array(); // 创建一个数组对象
        var obj = new Object(); // 创建了一个对象实例
        // 1. 使用Date  如果没有参数 返回当前系统的当前时间
        var date = new Date();
        console.log(date);
        // 2. 参数常用的写法  数字型  2019, 10, 01  或者是 字符串型 ‘2019-10-1 8:8:8‘
        var date1 = new Date(2019, 10, 1);
        console.log(date1); // 返回的是 11月 不是 10月
        var date2 = new Date(‘2019-10-1 8:8:8‘);
        console.log(date2);
    </script>
 <script>
        // 格式化日期 年月日
        var date = new Date();
        console.log(date.getFullYear()); // 返回当前日期的年  2019
        console.log(date.getMonth() + 1); // 月份 返回的月份小1个月   记得月份+1 呦
        console.log(date.getDate()); // 返回的是 几号
        console.log(date.getDay()); // 3  周一返回的是 1 周六返回的是 6 但是 周日返回的是 0
        // 我们写一个 2019年 5月 1日 星期三
        var year = date.getFullYear();
        var month = date.getMonth() + 1;
        var dates = date.getDate();
        var arr = [‘星期日‘, ‘星期一‘, ‘星期二‘, ‘星期三‘, ‘星期四‘, ‘星期五‘, ‘星期六‘];
        var day = date.getDay();
        console.log(‘今天是:‘ + year + ‘年‘ + month + ‘月‘ + dates + ‘日 ‘ + arr[day]);
    </script>
<script>
        // 格式化日期 时分秒
        var date = new Date();
        console.log(date.getHours()); // 时
        console.log(date.getMinutes()); // 分
        console.log(date.getSeconds()); // 秒
        // 要求封装一个函数返回当前的时分秒 格式 08:08:08
        function getTimer() {
            var time = new Date();
            var h = time.getHours();
            h = h < 10 ? ‘0‘ + h : h;
            var m = time.getMinutes();
            m = m < 10 ? ‘0‘ + m : m;
            var s = time.getSeconds();
            s = s < 10 ? ‘0‘ + s : s;
            return h + ‘:‘ + m + ‘:‘ + s;
        }
        console.log(getTimer());
    </script>
 <script>
        // 获得Date总的毫秒数(时间戳)  不是当前时间的毫秒数 而是距离1970年1月1号过了多少毫秒数
        // 1. 通过 valueOf()  getTime()
        var date = new Date();
        console.log(date.valueOf()); // 就是 我们现在时间 距离1970.1.1 总的毫秒数
        console.log(date.getTime());
        // 2. 简单的写法 (最常用的写法)
        var date1 = +new Date(); // +new Date()  返回的就是总的毫秒数
        console.log(date1);
        // 3. H5 新增的 获得总的毫秒数
        console.log(Date.now());
    </script>

 <script>
        // 倒计时效果
        // 1.核心算法:输入的时间减去现在的时间就是剩余的时间,即倒计时 ,但是不能拿着时分秒相减,比如 05 分减去25分,结果会是负数的。
        // 2.用时间戳来做。用户输入时间总的毫秒数减去现在时间的总的毫秒数,得到的就是剩余时间的毫秒数。
        // 3.把剩余时间总的毫秒数转换为天、时、分、秒 (时间戳转换为时分秒)
        // 转换公式如下:
        //  d = parseInt(总秒数/ 60/60 /24);    //  计算天数
        //  h = parseInt(总秒数/ 60/60 %24)   //   计算小时
        //  m = parseInt(总秒数 /60 %60 );     //   计算分数
        //  s = parseInt(总秒数%60);            //   计算当前秒数
        function countDown(time) {
            var nowTime = +new Date(); // 返回的是当前时间总的毫秒数
            var inputTime = +new Date(time); // 返回的是用户输入时间总的毫秒数
            var times = (inputTime - nowTime) / 1000; // times是剩余时间总的秒数
            var d = parseInt(times / 60 / 60 / 24); // 天
            d = d < 10 ? ‘0‘ + d : d;
            var h = parseInt(times / 60 / 60 % 24); //时
            h = h < 10 ? ‘0‘ + h : h;
            var m = parseInt(times / 60 % 60); // 分
            m = m < 10 ? ‘0‘ + m : m;
            var s = parseInt(times % 60); // 当前的秒
            s = s < 10 ? ‘0‘ + s : s;
            return d + ‘天‘ + h + ‘时‘ + m + ‘分‘ + s + ‘秒‘;
        }
        console.log(countDown(‘2019-5-1 18:00:00‘));
        var date = new Date();
        console.log(date);
    </script>

原文地址:https://www.cnblogs.com/qinzhenhong/p/12623883.html

时间: 2024-10-11 10:27:02

JS日期对象,倒计时函数的相关文章

JS Math对象、日期对象、函数、定时器

Math对象 开平方:sqrt 绝对值:abs π:PI x的y次方:pow 四舍五入取整:round 向下取整:floor 向上取整:ceil 最大值:max 最小值: min 随机数:random var br = "<br>"; document.write(Math.sqrt(9) + br);//开平方 document.write(Math.abs(-9) + br);//绝对值 document.write(Math.PI + br);//π:3.141592

关于js日期对象二三事

学习日期对象date之前,先来理清一些知识. 一个月有多少天?一年有多少天?什么叫平年和闰年?平年和闰年的区别?时间的基准点(起点)从何时开始算起?new Date()初始化的格式? OK,带着这些问题,我们一步步,循序渐进的进入date对象的世界. 一,平年和闰年 公历年份是整百或整千的(也就是年份末尾至少有2个0的),用年份除以400,如果能整除,就是闰年,不能整除就是平年, 公历其他的年份,用年份除以4,如果能整除,就是闰年,不能整除就是平年, 如1900年,1900÷400=4……300

js 日期对象Date以及传参

创建一个日期对象,日期对象可传参new Date() 创建日期对象getFullYear() 获取年份 getMonth() 获取月份 返回值是 0(一月) 到 11(十二月) 之间的一个整数 getDate() 获取日期(多少号) getDay() 获取星期数 返回值是 0(周日) 到 6(周六) 之间的一个整数. getHours() 获取小时 返回值是 0 (午夜) 到 23 (晚上 11 点)之间的一个整数 getMinutes() 获取分钟数 返回值是 0 ~ 59 之间的一个整数 g

JS日期对象扩展-日期格式化

日期对象扩展(日期格式化)yyyy-MM-dd hh:mm:ss.S Date.prototype.format = function(fmt) { var o = { "M+" : this.getMonth()+1, //月份 "d+" : this.getDate(), //日 "h+" : this.getHours(), //小时 "m+" : this.getMinutes(), //分 "s+"

JS日期(Date)处理函数总结

获取日期 1.Date() ——返回当日的日期和时间. 2.getDate() ——从 Date 对象返回一个月中的某一天 (1 ~ 31). 3.getDay() ——从 Date 对象返回一周中的某一天 (0 ~ 6). 4.getMonth() ——从 Date 对象返回月份 (0 ~ 11). 5.getFullYear() ——从 Date 对象以四位数字返回年份. 6.getYear() ——请使用 getFullYear() 方法代替. 7.getHours() ——返回 Date

日期对象

js日期对象 日期对象是js中的一个内置方法,用来操作日期与时间. 语法: 1 new Date(); 参数: 1.new Date(); 没有参数:以本机的时间做为参考,返回一个时间对象. 1 var sj=new Date(); 2 console.log(sj);//Thu Jul 28 2016 17:10:55 GMT+0800 (中国标准时间) 2.new Date(年,月,日,时,分,秒); 1 var sj=new Date(1999,1,1,1,1,1);//参数为数字 2 c

js日期工具

/** * 日期工具类 */define(function(require, exports, module) {    var constants = require("constants"); // 常量类        /**     * 描述: 把日期格式字符串转换成js Date类型     *      * @author 汪卫中     * @param dateStr: 日期字符串 格式必须为 yyyy-MM-dd hh:mm:ss 或 yyyy-MM-dd hh:mm

js 日期修改

很早之前在CSDN上发的博客,现在CSDN上得少了,就把这个转到园子里来 //重写toString方法,将时间转换为Y-m-d H:i:s格式 Date.prototype.toString = function(){ return this.getFullYear() + "-" + (this.getMonth()+1) + "-" + this.getDate() + " " + this.getHours() + ":"

Date日期对象

js日期对象的方法 1. 获取日期对象 var mydate=new Date(); mydate: Tue Aug 11 2015 10:25:49 GMT+0800 (中国标准时间) 2.年份------ get/setFullYear() var year=mydate.getFullYear();    year:2015; mydate.setFullYear(81);               year:0081 3.月份-------get/setMonth() var mont