当前位置:   article > 正文

前端超实用用的js倒计时功能,及各种处理时间功能_前端算倒计时怎么除

前端算倒计时怎么除

1.js倒计时功能  

 

  1. calcTime(str,seeTime) {
  2. let date1 = new Date(str); //开始时间
  3. let date2 = new Date(); //结束时间
  4. let date3 = date2.getTime() - date1.getTime() //时间差的毫秒数
  5. let isFirst = (seeTime - date2.getTime() > 0) ? true:false;
  6. let isOvertime = false;
  7. //计算出相差天数
  8. let days = Math.floor(date3 / (24 * 3600 * 1000))
  9. //计算出小时数
  10. let leave1 = date3 % (24 * 3600 * 1000) //计算天数后剩余的毫秒数
  11. let hours = Math.floor(leave1 / (3600 * 1000))
  12. //计算相差分钟数
  13. let leave2 = leave1 % (3600 * 1000) //计算小时数后剩余的毫秒数
  14. let minutes = Math.floor(leave2 / (60 * 1000))
  15. //计算相差秒数
  16. let leave3 = leave2 % (60 * 1000) //计算分钟数后剩余的毫秒数
  17. let seconds = Math.round(leave3 / 1000);
  18. if (hours <= 0) {
  19. hours = 0;
  20. } else {
  21. isOvertime = true;
  22. }
  23. if (minutes <= 0) {
  24. minutes = '00';
  25. } else if (minutes > 3) {
  26. isOvertime = true;
  27. }
  28. if (minutes.toString().length == 1) {
  29. minutes = '0' + minutes;
  30. }
  31. if (seconds < 0) {
  32. seconds = '00';
  33. }
  34. if (seconds.toString().length == 1) {
  35. seconds = '0' + seconds;
  36. }
  37. return [hours + ":" + minutes + ":" + seconds, isOvertime,isFirst];
  38. },

2.处理时间戳转化为各种想要的格式日期

  1. function time(time, type) {
  2. var datetime = new Date();
  3. datetime.setTime(time);
  4. var year = datetime.getFullYear();
  5. var month = datetime.getMonth() + 1 < 10 ? "0" + (datetime.getMonth() + 1) : datetime.getMonth() + 1;
  6. var date = datetime.getDate() < 10 ? "0" + datetime.getDate() : datetime.getDate();
  7. var hour = datetime.getHours() < 10 ? "0" + datetime.getHours() : datetime.getHours();
  8. var minute = datetime.getMinutes() < 10 ? "0" + datetime.getMinutes() : datetime.getMinutes();
  9. var second = datetime.getSeconds() < 10 ? "0" + datetime.getSeconds() : datetime.getSeconds();
  10. if (type == '1') {
  11. return year + "." + month + "-" + date + "日";
  12. }
  13. if (type == '2') {
  14. return year + "-" + month + "-" + date;
  15. }
  16. if (type == '3') {
  17. return month + "-" + date;
  18. }
  19. if(type == '4'){
  20. return month;
  21. }
  22. if(type == '5'){
  23. return date;
  24. }
  25. if(type == '6'){
  26. return year + "." + month + "." + date + " " + hour + ":" + minute + ":" + second;
  27. }
  28. if(type == '7'){
  29. return year + "-" + month + "-" + date + " " + hour + ":" + minute + ":" + second;
  30. }
  31. if(type == '8'){
  32. return year + "-" + month + "-" + date + " " + hour + ":" + minute;
  33. }
  34. if(type == '9'){
  35. return month + "-" + date + " " + hour + ":" + minute;
  36. }
  37. if(type == '10'){
  38. return hour + ":" + minute
  39. }
  40. }

3.获取当前时间日期

  1. function getNowTime() {
  2. var now = new Date();
  3. var year = now.getFullYear();
  4. var month = now.getMonth() + 1;
  5. var day = now.getDate();
  6. if (month < 10) {
  7. month = '0' + month;
  8. };
  9. if (day < 10) {
  10. day = '0' + day;
  11. };
  12. // 如果需要时分秒,就放开
  13. // var h = now.getHours();
  14. // var m = now.getMinutes();
  15. // var s = now.getSeconds();
  16. var formatDate = year + '-' + month + '-' + day;
  17. return formatDate;
  18. }

4.获取前一天的日期

  1. function getDay(num, str) {
  2. var today = new Date();
  3. var nowTime = today.getTime();
  4. var ms = 24*3600*1000*num;
  5. today.setTime(parseInt(nowTime + ms));
  6. var oYear = today.getFullYear();
  7. var oMoth = (today.getMonth() + 1).toString();
  8. if (oMoth.length <= 1) oMoth = '0' + oMoth;
  9. var oDay = today.getDate().toString();
  10. if (oDay.length <= 1) oDay = '0' + oDay;
  11. return oYear + str + oMoth + str + oDay;
  12. }

 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/菜鸟追梦旅行/article/detail/318504
推荐阅读
相关标签
  

闽ICP备14008679号