js 倒计时功能,获取当前时间的年月日,时分秒
一、实现当前时间到指定截止时间的倒计时功能
<html>
<head>
<title>TEST</title>
</head>
<body>
<script>
//获取当前时间距离截止时间的倒计时
//参数为截止时间
var leftTimer = function(year, month, day, hour, minute, second){
var leftTime = (new Date(year, month-1, day, hour, minute, second)) - (new Date());//计算剩余毫秒数
var days = parseInt(leftTime / 1000 / 60 / 60 / 24, 10);//计算剩余天数
var hours = parseInt(leftTime / 1000 / 60 / 60 % 24, 10);//计算剩余小时数
var minutes = parseInt(leftTime / 1000 / 60 % 60, 10);//计算剩分钟数
var seconds = parseInt(leftTime / 1000 % 60, 10);//计算剩余秒数 days = checkTime(days).toString();
hours = checkTime(hours).toString();
minutes = checkTime(minutes).toString();
seconds = checkTime(seconds).toString();
return days + ' : ' + hours + ' : ' + minutes + ' : ' + seconds
}
var checkTime = function(i){
if(i < 10){
i = "0" + i;
}
return i;
}
setInterval(function() {
document.getElementById('testId').innerHTML = leftTimer(2018, 12, 31, 11, 0, 0)
}, 1000)
</script> <div id="testId"> </div> </body>
</html>
二、获取当前的年月日时分秒
var currTime = new Date(); //获取当前时间的毫秒数
var year = currTime.getFullYear(); //获取当前时间的年份
var month = currTime.getMonth() + 1; //获取当前时间的月份,月份从0开始,所以需要加一
var day = currTime.getDate(); //获取当前时间的日期,getDay()可以获取星期几
var hour = currTime.getHours(); //获取当前时间的小时数
var minute = currTime.getMinutes(); //获取当前时间的分钟数
var second = currTime.getSeconds(); //获取当前时间的秒数
三、毫秒数转成年月日时分秒
//毫秒数转换成时间
var getCurrentTime = function(milliseconds){
var myDate = new Date(milliseconds);
var year = myDate.getFullYear();
var month = myDate.getMonth() + 1;
var day = myDate.getDate()
var hour = myDate.getHours();
var minute = myDate.getMinutes();
var second = myDate.getSeconds(); month = checkTime(month).toString();
day = checkTime(day).toString();
hour = checkTime(hour).toString();
minute = checkTime(minute).toString();
second = checkTime(second).toString(); return year+"-"+month+"-"+day+" "+hour+":"+minute+":"+second;
}
// 只有一位数字时添加“0”
var checkTime = function(i){
if(i < 10){
i = "0" + i;
}
return i;
}
js 倒计时功能,获取当前时间的年月日,时分秒的更多相关文章
- js获取当前时间的年月日时分秒以及时间的格式化
1.获取当前时间 var myDate = new Date(); 2.获取时间中的年月日时分秒 myDate.getYear(); // 获取当前年份(2位) myDate.getFullYear( ...
- C语言 - 获取系统时间 以年月日时分秒的形式输出
ESP32需要给下位机通过UART发送时间戳,形式是年月日时分秒的十六进制数据包. #include <stdio.h> #include <time.h> int main( ...
- java 获取当前时间及年月日时分秒
java代码如下: package test; import java.text.SimpleDateFormat; import java.util.Calendar; import java.ut ...
- [SoapUI] 获取当前时间包括年月日时分秒来作为命名
import java.text.SimpleDateFormat GregorianCalendar calendar = new GregorianCalendar() def dateForma ...
- 在vue项目中显示实时时间(年月日时分秒)
1.在data中定义一个变量,存储时间 data(){ return { nowTime:'' } }, 2.给定一个div <div>{{nowTime}}</div> 3. ...
- c#.net 获取时间日期年月日时分秒格式
今天写代码发现两个比较不错的分享下:1.DateTime.ParseExact很多时候我们获取的时间是数字形式表示的,好比20140127134015.927856,通过这个方法DateTime.Pa ...
- c#.net 获取时间日期年月日时分秒生成自动文件名格式
下面是日期和时间的各种方法,转换为字符串. 如果把输出的格式改下就可以做类似的文件名了,例如:2016010110101224356.doc c#用DateTime.Now.ToString(&qu ...
- mysql格式化整数类型时间生成年月日时分秒格式(long或string接收)
数据库格式: 数据库mysql语句: FROM_UNIXTIME( s.timemodified, '%Y-%m-%d %h:%i:%s' ) 生成结果: 测试sql为: SELECT *, FROM ...
- 【第六篇】javascript显示当前的时间(年月日 时分秒 星期)
不多说自己上代码 这是我开始学javascript写的,现在发出来 <span id="clock" ></span> function time() { ...
随机推荐
- Java例子
1. 本章学习总结 今天主要学习了三个知识点 封装 继承 多态 2. 书面作业 Q1. java HelloWorld命令中,HelloWorld这个参数是什么含义? 今天学了一个重要的命令javac ...
- HDU - 4676 :Sum Of Gcd (莫队&区间gcd公式)
Given you a sequence of number a 1, a 2, ..., a n, which is a permutation of 1...n. You need to answ ...
- java重写toString方法
在输出对象属性时,重写toString按照你希望的输出形式重写 object类里的toString只是把字符串的直接打印,数字的要转化成字符再打印,而对象,则直接打印该对象的hash码.所以当你要想按 ...
- Nodejs中npm install 命令的问题
在使用nodejs的npm包管理工具中碰到过许多个坑,在网上查了很久才解决,现在加以总结. 两种安装方式(本地安装,全局安装) 1.全局安装(npm install -g moduleName/npm ...
- 从event loop规范探究javaScript异步及浏览器更新渲染时机
异步的思考 event loops隐藏得比较深,很多人对它很陌生.但提起异步,相信每个人都知道.异步背后的“靠山”就是event loops.这里的异步准确的说应该叫浏览器的event loops或者 ...
- NOIP模拟赛(洛谷11月月赛)
T1 终于结束的起点 题解:枚举啊... 斐波那契数 第46个爆int,第92个爆long long.... 发现结果一般是m的几倍左右....不用担心T. #include<iostream ...
- graphql-yoga interface && union 使用
接口就是一个约定,方便数据的约定,union 可以实现数据类型的共享,减少代码量 基本项目 参考 https://github.com/rongfengliang/graphql-yoga-doc ...
- 怎样创造財富?硅谷创业之父 Paul Graham 《黑客与画家》思维导图
先送上亚马逊传送门:<黑客与画家>:硅谷创业之父 Paul Graham 文集 再送上一个思维导图: 下载大图:http://caifujianghu.com/article/ruhe-c ...
- TCP和UDP Client 代码
最近学习要求做网络编程,使用从网上找了一些资料,主要是网络协议的分层等通讯,你可以查看英文版的资料:CScharp网络编程英文版 下面直接给出代码吧,我想一看应该就懂. TCP Client 代码: ...
- AngularJS 最佳实践
AngularJS 是一个 Web 应用框架,它实现了前端的 MVC 架构,能让开发人员很方便地实现业务逻辑. 举个栗子,要做到下面的效果,以前可能需要写一连串的 JavaScript 代码绑定 N ...