小小小小结

记事

 

今天是周日，在这周发生了很多事情。。。

我们从不歌颂苦难，我们歌颂的是在苦难中勇敢站在群众中间的人民；歌颂的是敢于天神斗争的战士，现在的我们将整装待发，重新出发

生活

这周我们组织了一场聚餐活动，写了一些关于链表的算法题，果然，我对java的知识还停留在基础，还待努力，争取在下次招新之前能够让自己的实力有一个大的提升（可千万不能给我们这一届学长丢脸呀）

继续跟进项目，加油，努力。这周学校有一场关于单片机的比赛，虽然与我无关，但听一位不愿透漏姓名的“人士”说不简单，很多知识没学过

啊，破防了，那该死的记忆突然攻击我(蓝桥杯)，看来无论在哪方面都要有坚实的基础才行呀。

翻页电子表

scss代码块

.countdown {
    display: flex;
    font-family: fantasy;
    width: 180px;
    height: 60px;
    font-size: 40px;
    justify-content: space-between;
    background-color: #66c18c;
    padding: 10px;
    .clock {
        width: 30%;
        border-radius: 5px;
        background-color: black;
        position: relative;
        .up {
            position: relative;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            width: 100%;
            overflow: hidden;
            transform-origin: bottom;
            height: 50%;
            z-index: 5;
            background-color: rgba($color: black, $alpha: 1);

            p {
                position: absolute;
                top: 5px;
                left: 6px;
                color: #FFF;
            }
        }
        .down {
            position: relative;
            width: 100%;
            height: 50%;
            background-color: #FFF;
            overflow: hidden;
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
            p {
                position: absolute;
                top: -24px;
                left: 6px;
            }
        }
    }
    .clock:not(:last-child)::after {
        content: ":";
        top: 2px;
        left: 100%;
        position: absolute;
      }
    .seconds {
        .up {
            animation: rorate 1s infinite;
        }
    }
}

//翻动效果
@keyframes rorate {
    0%,
    60% {
        transform: rotateX(0deg);
        color: black;
        background-color: black;
    }
    100% {
        transform: rotateX(-180deg);
        color: #FFF;
        background-color: #FFF;
    }
}

 JS代码块

function addZroe(num) {
  if (num < 10) return '0' + num;
  else return num;
}
//得到现在时间的函数
function getNow() {
  let currentDate = new Date();
  let second = currentDate.getSeconds();
  let minute = currentDate.getMinutes();
  let hour = currentDate.getHours();
  for (let i = 0; i < nowMinutes.length; i++) {
    //小时
    hours[i].innerHTML = addZroe(hour);
    nowMinutes[i].innerHTML = addZroe(minute);
    nowSeconds[i].innerHTML = addZroe(second);
  }
}
let Time = setInterval(() => {
  getNow();
}, 1000)

从进入小组学习到现在，发生了很多事情，但前面的风景很好看 我的意思是别回头，正少年时光，何惧岁月苦难

放轻松，就当漫游地球~