网站建设资讯

NEWS

网站建设资讯

JavaScript中时间戳运算以及实现倒计时功能实例

这篇文章主要介绍“JavaScript中时间戳运算以及实现倒计时功能实例”,在日常操作中,相信很多人在JavaScript中时间戳运算以及实现倒计时功能实例问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”JavaScript中时间戳运算以及实现倒计时功能实例”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

成都创新互联公司主要从事成都网站设计、网站制作、网页设计、企业做网站、公司建网站等业务。立足成都服务云南,十年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18982081108

取时间戳的几种方式

//第一种
var timestamp = Date.now();
//第二种
var timestamp = new Date().getTime();
//第三种
var timestamp = new Date().valueOf();
//第四种,通过运算
var timestamp = new Date() * 1; //new Date()-0 ,new Date()/1
//第五种 ,通过转换
var timestamp = Date.parse(new Date());

时间戳的运算

var timestamp1 = Date.now();
var timestamp2 = Date.now();
var timediff = (timestamp2 - timestamp1) / 1000; //这里拿到的是毫秒,除以1000 得到秒单位
//天数
var days = parseInt(timediff / 3600 / 24);
//小时
var hours = parseInt(timediff / 3600);
//分钟
var minutes = parseInt((timediff / 60) % 60);
//秒
var seconds = parseInt(timediff % 60);

倒计时实例

function getDiff(t1, t2) {
  var timediff = (t2 - t1) / 1000;
  //天数
  var days = parseInt(timediff / 3600 / 24);
  //小时
  var hours = parseInt((timediff / 3600) % 60);
  //分钟
  var minutes = parseInt((timediff / 60) % 60);
  //秒
  var seconds = parseInt(timediff % 60);
  return days + "天 " + hours + "时 " + minutes + "分 " + seconds + "秒 ";
}
var t1 = new Date("2019/2/10 8:03:15");
var t2 = new Date("2019/2/18 7:05:55");
var result = getDiff(t1, t2);
console.log(result);
//7天 11时 2分 40秒
//开始倒计时 今天离2025年还有多少天
setInterval(
  () => console.log(getDiff(new Date(), new Date("2025/3/20"))),
  1000
);

到此,关于“JavaScript中时间戳运算以及实现倒计时功能实例”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注创新互联网站,小编会继续努力为大家带来更多实用的文章!


网页题目:JavaScript中时间戳运算以及实现倒计时功能实例
分享URL:http://njwzjz.com/article/joecii.html