使用dayjs制作倒计时工具

  • 引入脚本
<script src="https://cdn.bootcdn.net/ajax/libs/dayjs/1.11.7/dayjs.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/dayjs/1.11.7/plugin/duration.min.js"></script>
  • 普通时间计算
dayjs().format('YYYYMMDDHHmmss'); //生成20220924193656的格式
dayjs().format('YYYY-MM-DD HH:mm:ss'); //生成2022-09-24 19:36:56的格式
dayjs.unix(value).format("YYYY-MM-DD"); //秒级时间戳转成日期格式
dayjs.unix(value).format("YYYY-MM-DD HH:mm:ss"); //秒级时间戳转成日期时间格式
dayjs(datetime).unix(); //日期格式转为秒级时间戳
  • 制作倒计时
// 倒计时
dayjs.extend(window.dayjs_plugin_duration);
function daojishi(endTime){
    var diffTime = dayjs.duration(endTime * 1000 - dayjs());
    var year     = diffTime.years();  //年
    var month    = diffTime.months(); //月
    var day      = diffTime.days();   //天
    var hours    = diffTime.hours();  //小时
    var minutes  = diffTime.minutes(); //分
    var seconds  = diffTime.seconds(); //秒
    return `${year}年${month}月${day}天${hours}小时${minutes}分${seconds}秒`;
}
setInterval(function(){
    document.getElementById("daoji").innerHTML = daojishi(dayjs("2025-02-02").unix());
    // console.log(daojishi(dayjs("2025-02-02").unix()));
},1000);

效果

posted @ 2023-02-01 13:49  你的代码写得很烂  阅读(1617)  评论(0编辑  收藏  举报