JS写的随机数倒计时效果

最新推荐文章于 2022-11-05 15:02:43 发布

沉着的猫猫怪

最新推荐文章于 2022-11-05 15:02:43 发布

阅读量561

点赞数 1

文章标签： js 前端 html css 倒计时

本文链接：https://blog.csdn.net/qq_45883687/article/details/103421018

版权

这篇博客介绍了如何使用JavaScript编写一个随机数倒计时效果。首先随机生成4到10之间的数字作为倒计时起点，然后进行倒计时，当计数到0时结束。博主展示了HTML、CSS和JavaScript的代码实现，并特别提到当数字小于3时，数字会变为红色。虽然没有提供动图展示，但博主鼓励读者自行想象运行效果。

摘要由CSDN通过智能技术生成

JS写的倒计时效果

过程：
1.随机生成4-10之间的随机数
2.随机数是几就从几开始倒计时
3.开始倒计时
4.到 0 时倒计时结束（或者点击也可以停止倒计时）

来康康效果图片吧

这里我加了个数字小于三数字变红的效果哦~

对不起emmm我不懂动图怎么做
大家想象一下
在这里插入图片描述

html和css部分的代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>A3-04</title>
    <style>
        #wrap{
   
            margin-left: auto;
            margin-right: auto;
            background-color: grey;
            opacity: 0.6