🤹♀️潜意识起点：个人主页
🎙座右铭：得之坦然，失之淡然。
💎擅长领域：前端
是的，我需要您的：
🧡点赞❤️关注💙收藏💛
是我持续下去的动力！
目录
一. 使用git版本控制的过程
二.创建git本地仓库
2.1 打开菜单栏
2.2 另一种情况
三. 创建git远程仓库
3.1 gitte登录创建仓库
3.2 注册账号
3.3 找到创建仓库
3.4 输入创建的内容
3.5 创建成功后复制url
四. 本地推送到gitte
4.1 找到绿色箭头
4.2 配置url
五. 成功标准
提交后就会显示出这些信息了。
六. 凑字数总结【不用看】
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>动态时钟</title>
<style>
body {
text-align: center;
padding-top: 50px;
font-family: 'Arial', sans-serif;
background-color: #f0f0f0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
}
h1 {
font-size: 3em;
color: #333;
margin-bottom: 40px;
animation: fadeIn 2s ease-in-out;
}
@keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
.clock {
width: 300px;
height: 300px;
border: 10px solid #333;
border-radius: 50%;
position: relative;
}
.hand {
width: 50%;
height: 2px;
background-color: #333;
position: absolute;
top: 50%;
left: 50%;
transform-origin: 0% 0%;
}
.hour-hand {
transform: rotate(0deg);
animation: rotateHour 86400s linear infinite;
}
.minute-hand {
transform: rotate(0deg);
animation: rotateMinute 3600s linear infinite;
}
.second-hand {
transform: rotate(0deg);
animation: rotateSecond 60s linear infinite;
}
@keyframes rotateHour {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@keyframes rotateMinute {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@keyframes rotateSecond {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
</style>
</head>
<body>
<h1>你好，时间</h1>
<div class="clock">
<div class="hand hour-hand"></div>
<div class="hand minute-hand"></div>
<div class="hand second-hand"></div>
</div>
<script>
function setTime() {
const now = new Date();
const seconds = now.getSeconds();
const minutes = now.getMinutes();
const hours = now.getHours();
const secondHand = document.querySelector('.second-hand');
const minuteHand = document.querySelector('.minute-hand');
const hourHand = document.querySelector('.hour-hand');
secondHand.style.transform = `rotate(${seconds * 6}deg)`;
minuteHand.style.transform = `rotate(${minutes * 6}deg)`;
hourHand.style.transform = `rotate(${hours * 30 + (minutes / 2)}deg)`;
}
setInterval(setTime, 1000);
setTime();
</script>
</body>
</html>🤹♀️潜意识起点：个人主页
🎙座右铭：得之坦然，失之淡然。
💎擅长领域：前端
是的，我需要您的：
🧡点赞❤️关注💙收藏💛
是我持续下去的动力！
