Html 禁用js时延迟css类属性

我正在做一个项目。我想在4000毫秒后运行一些css属性。我只想在禁用javascript时运行它（如果启用js，它将删除该类）。

我怎样才能做到这一点。可能吗？如果没有其他解决方案？

---

提前感谢您的帮助。

我在网上找不到任何答案。所以我试了3天，最后我得到了解决方案。以下是解决方案：

$（窗口）.load（函数（）{
$（“.loader”）.delay（3000）.fadeOut（500，function（）{
$（“.main cont”）.hide（）；
});
})

正文{
边际：0px；
填充：0px；
背景色：#4CAF50；
颜色：#FFF；
字体系列：arial；
字体大小：20px；
}
.主控{
背景色：#3F51B5；
宽度：100vw；
高度：100vh；
显示：内联块；
填料顶部：计算（50vh-20px）；
位置：固定；
文本对齐：居中；
线高：20px；
不透明度：0；
-webkit动画：css延迟0毫秒无限轻松输入输出；
-moz动画：css延迟0毫秒无限轻松输入输出；
-ms动画：css延迟0毫秒无限轻松输入输出；
-o-动画：css延迟0毫秒无限轻松输入输出；
-khtml动画：css延迟0毫秒无限轻松输入输出；
动画：css延迟0毫秒无限轻松输入输出；
-webkit动画迭代计数：1；/*Chrome、Safari、Opera*/
动画迭代次数：1；
动画延迟：10s；/*动画延迟时间*/
-webkit动画填充模式：正向；
动画填充模式：正向；
}
续{
文本对齐：居中；
显示：块；
线高：20px；
填料顶部：计算（50vh-20px）；
}
@关键帧css延迟{
0% {
不透明度：0；
显示：无；
}
100% {
不透明度：1；
显示：块；
}
}
/*这仅用于加载动画*/
.加载器{
高度：100vh；
宽度：100%；
显示：内联块；
/*显示：无*/
位置：固定；
z指数：0；
背景色：#333；
}
.sk圈{
保证金：100像素自动；
宽度：40px；
高度：40px；
位置：相对位置；
}
.sk圆圈。sk儿童{
宽度：100%；
身高：100%；
位置：绝对位置；
左：0；
排名：0；
}
sk圆圈。sk孩子：之前{
内容：''；
显示：块；
保证金：0自动；
宽度：15%；
身高：15%；
背景色：#FFF；
边界半径：100%；
-webkit动画：sk circleBounceDelay 1.2s无限轻松进出；
动画：sk circleBounceDelay 1.2s无限轻松进出；
}
.sk圆。sk-circle2{
-webkit变换：旋转（30度）；
-ms变换：旋转（30度）；
变换：旋转（30度）；}
.sk圆。sk-circle3{
-webkit变换：旋转（60度）；
-ms变换：旋转（60度）；
变换：旋转（60度）；}
.sk圆圈。sk圆圈4{
-webkit变换：旋转（90度）；
-ms变换：旋转（90度）；
变换：旋转（90度）；}
.sk圆圈。sk圆圈5{
-webkit变换：旋转（120度）；
-ms变换：旋转（120度）；
变换：旋转（120度）；}
.sk圆圈。sk圆圈6{
-webkit变换：旋转（150度）；
-ms变换：旋转（150度）；
变换：旋转（150度）；}
.sk圆圈。sk圆圈7{
-webkit变换：旋转（180度）；
-ms变换：旋转（180度）；
变换：旋转（180度）；}
.sk圆圈。sk圆圈8{
-webkit变换：旋转（210度）；
-ms变换：旋转（210度）；
变换：旋转（210度）；}
.sk圆圈。sk圆圈9{
-webkit变换：旋转（240度）；
-ms变换：旋转（240度）；
变换：旋转（240度）；}
.sk圆圈。sk圆圈10{
-webkit变换：旋转（270度）；
-ms变换：旋转（270度）；
变换：旋转（270度）；}
.sk圆圈。sk圆圈11{
-webkit变换：旋转（300度）；
-ms变换：旋转（300度）；
变换：旋转（300度）；}
.sk圆圈。sk圆圈12{
-webkit变换：旋转（330度）；
-ms变换：旋转（330度）；
变换：旋转（330度）；}
.sk圈。sk圈2：之前{
-webkit动画延迟：-1.1s；
动画延迟：-1.1s；}
.sk圈。sk圈3：之前{
-webkit动画延迟：-1s；
动画延迟：-1s；}
.sk圈。sk圈4：之前{
-webkit动画延迟：-0.9秒；
动画延迟：-0.9秒；}
.sk圆圈。sk圆圈5：之前{
-webkit动画延迟：-0.8s；
动画延迟：-0.8s；}
.sk圆圈。sk圆圈6：之前{
-webkit动画延迟：-0.7秒；
动画延迟：-0.7s；}
.sk圈。sk圈7：之前{
-webkit动画延迟：-0.6s；
动画延迟：-0.6s；}
.sk圆圈。sk圆圈8：之前{
-webkit动画延迟：-0.5s；
动画延迟：-0.5s；}
.sk圆圈。sk圆圈9：之前{
-webkit动画延迟：-0.4s；
动画延迟：-0.4s；}
.sk圆圈。sk圆圈10：之前{
-webkit动画延迟：-0.3s；
动画延迟：-0.3s；}
.sk圆圈。sk圆圈11：之前{
-webkit动画延迟：-0.2s；
动画延迟：-0.2s；}
.sk圆圈。sk圆圈12：之前{
-webkit动画延迟：-0.1s；
动画延迟：-0.1s；}
@-webkit关键帧sk circleBounceDelay{
0%, 80%, 100% {
-webkit变换：缩放（0）；
变换：比例（0）；
} 40% {
-webkit转换：规模（1）；
变换：比例（1）；
}
}
@关键帧sk circleBounceDelay{
0%, 80%, 100% {
-webkit变换：缩放（0）；
变换：比例（0）；
} 40% {
-webkit转换：规模（1）；
变换：比例（1）；
}
}

请在浏览器上启用javascript。

（取消注释所有js以查看内容。）
你的一切都很满足。

（只需注释掉所有js即可查看结果。）

我在网上找不到任何答案。所以我试了3天，最后我得到了解决方案。以下是解决方案：

$（窗口）.load（函数（）{