Javascript 无法更改时钟指针的长度

var secondHand=document.querySelector（'.secondHand'）；
var minuteHand=document.querySelector（'.minhand'）；
var hourHand=document.querySelector（“.hourHand”）；
函数setDate（）{
var now=新日期（）；
var seconds=（（now.getSeconds（）*6+90）%360）；
var minutes=（（now.getMinutes（）*6+90）%360）；
var hour=（（now.getHours（）*30+90）%360）；
transform=`rotate（${seconds}deg）`；
minuteHand.style.transform=`rotate（${minutes}deg）`；
hourHand.style.transform=`rotate（${hour}deg）`；
}
设置间隔（设置日期，1000）；
设置日期（）
html{
背景：#018DED url(http://unsplash.it/1500/1000?image=881&blur=50);
背景尺寸：封面；
字体系列：'helvetica neue'；
文本对齐：居中；
字体大小：10px；
}
身体{
保证金：0；
字号：2rem；
显示器：flex；
弹性：1；
最小高度：100vh；
对齐项目：居中；
}
.钟{
宽度：30雷姆；
高度：30雷姆；
填充：2rem；
边界半径：50%；
保证金：50px自动；
位置：相对位置；
框阴影：
0.4倍rgba（0,0,0,0.1），
插图0 10px#EFEFEF，
插图0 10px黑色，
0.10px-rgba（0,0,0,0.2）；
}
.钟面{
位置：相对位置；
宽度：100%；
身高：100%；
变换：translateY（-3px）；/*表示时钟指针的高度*/
}
.手{
宽度：50%；
高度：6px；
背景：黑色；
位置：绝对位置；
最高：50%；
变换原点：100%；
变换：旋转（90度）；
过渡：全部为0.05秒；
过渡时间函数：立方贝塞尔（.1,2.7,58,1）；
}  
.二手货{
背景色：红色；
}
.时针{
宽度：35%；
左：15%；
}
尝试将此项添加到课程
工时的css中，然后
：

transform: rotate(120deg) scale(0.5, 1);

比例特性中的第一个值控制长度，而第二个值控制宽度

或者，如果您不想更改CSS，可以从以下位置更改JS：

hourHand.style.transform=`rotate(${hour}deg)`;

为此：

hourHand.style.transform=`rotate(${hour}deg) scale(0.5, 1)`;

尝试将此添加到类
工时和
的css中：

transform: rotate(120deg) scale(0.5, 1);

比例特性中的第一个值控制长度，而第二个值控制宽度

或者，如果您不想更改CSS，可以从以下位置更改JS：

hourHand.style.transform=`rotate(${hour}deg)`;

为此：

hourHand.style.transform=`rotate(${hour}deg) scale(0.5, 1)`;

您只需使用以下工具调整时针的位置：

.hour-hand{
    width: 30%;
    left: 20%;
}

见下面的例子

var secondHand=document.querySelector（'.secondHand'）；
var minuteHand=document.querySelector（'.minhand'）；
var hourHand=document.querySelector（“.hourHand”）；
函数setDate（）{
var now=新日期（）；
var seconds=（（now.getSeconds（）*6+90）%360）；
var minutes=（（now.getMinutes（）*6+90+30）%360）；
var hour=（（now.getHours（）*30+180）%360）；
transform=`rotate（${seconds}deg）`；
minuteHand.style.transform=`rotate（${minutes}deg）`；
hourHand.style.transform=`rotate（${hour}deg）`；
}
设置间隔（设置日期，1000）；
设置日期（）
html{
背景：#018DED url(http://unsplash.it/1500/1000?image=881&blur=50);
背景尺寸：封面；
字体系列：'helvetica neue'；
文本对齐：居中；
字体大小：10px；
}
身体{
保证金：0；
字号：2rem；
显示器：flex；
弹性：1；
最小高度：100vh；
对齐项目：居中；
}
.钟{
宽度：30雷姆；
高度：30雷姆；
填充：2rem；
边界半径：50%；
保证金：50px自动；
位置：相对位置；
框阴影：
0.4倍rgba（0,0,0,0.1），
插图0 10px#EFEFEF，
插图0 10px黑色，
0.10px-rgba（0,0,0,0.2）；
}
.钟面{
位置：相对位置；
宽度：100%；
身高：100%；
变换：translateY（-3px）；/*表示时钟指针的高度*/
}
.手{
宽度：50%；
高度：6px；
背景：黑色；
位置：绝对位置；
最高：50%；
变换原点：100%；
变换：旋转（90度）；
过渡：全部为0.05秒；
过渡时间函数：立方贝塞尔（.1,2.7,58,1）；
}  
.二手货{
背景色：红色；
}
.时针{
宽度：30%；
左：20%；
}
您只需使用以下方法调整时针的位置：

.hour-hand{
    width: 30%;
    left: 20%;
}

见下面的例子

var secondHand=document.querySelector（'.secondHand'）；
var minuteHand=document.querySelector（'.minhand'）；
var hourHand=document.querySelector（“.hourHand”）；
函数setDate（）{
var now=新日期（）；
var seconds=（（now.getSeconds（）*6+90）%360）；
var minutes=（（now.getMinutes（）*6+90+30）%360）；
var hour=（（now.getHours（）*30+180）%360）；
transform=`rotate（${seconds}deg）`；
minuteHand.style.transform=`rotate（${minutes}deg）`；
hourHand.style.transform=`rotate（${hour}deg）`；
}
设置间隔（设置日期，1000）；
设置日期（）
html{
背景：#018DED url(http://unsplash.it/1500/1000?image=881&blur=50);
背景尺寸：封面；
字体系列：'helvetica neue'；
文本对齐：居中；
字体大小：10px；
}
身体{
保证金：0；
字号：2rem；
显示器：flex；
弹性：1；
最小高度：100vh；
对齐项目：居中；
}
.钟{
宽度：30雷姆；
高度：30雷姆；
填充：2rem；
边界半径：50%；
保证金：50px自动；
位置：相对位置；
框阴影：
0.4倍rgba（0,0,0,0.1），