利用Html,Css,javaScript简单写一个计算一天秒的倒计时

最新推荐文章于 2023-02-06 08:00:00 发布

VIP文章雾雨家小黑白

最新推荐文章于 2023-02-06 08:00:00 发布

阅读量280

点赞数

分类专栏：前端文章标签： html js css

本文链接：https://blog.csdn.net/weixin_44803426/article/details/107235901

版权

利用Html,Css,javaScript简单写一个计算一天还剩多少秒的倒计时页面
代码我放下面，不多，就是我那个背景图我没有用精灵图，主要拼接太麻烦了，我直接img了，然后display：none;（因为定时器调图是异步吗，加载在页面缓存里没有，会抖我主要是为了防抖）赶时间（这个小项目也是为了督促自己抓紧时间，刷小红书视频突然一个激灵就这个打算了，因为一直在赶着学习，我代码写的不多，这个小项目我还写了个半小时）加油加油！
等算是系统学完大概后，我要天天赶紧练习了。
马上就去学习！
以后学习打算打开这个页面提醒自己！
在犹豫要不要给页面加一个bgm，不过好像会有影响那就算了吧。
下面代码的图片我也放一下吧

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style type="text/css">
        body div {
   
            position: relative;
            width: 600px;
            height: 800px;
            margin: 0 auto;
            background-image: url(./0.jpg);
        }
        
        body div span {
   
            position: absolute;
            display: none;
            background-color: rgb(30, 30, 30)

最低0.47元/天解锁文章

雾雨家小黑白

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
利用Html,Css,javaScript简单写一个计算一天秒的倒计时

利用Html,Css,javaScript简单写一个计算一天还剩多少秒的倒计时页面代码我放下面，不多，就是我那个背景图我没有用精灵图，主要拼接太麻烦了，我直接img了，然后display：none;赶时间（这个小项目也是为了督促自己抓紧时间，刷小红书视频突然一个激灵就这个打算了，因为一直在赶着学习，我代码写的不多，这个小项目我还写了个半小时）加油加油！等算是系统学完大概后，我要天天赶紧练习了。马上就去学习！以后学习打算打开这个页面提醒自己！在犹豫要不要给页面加一个bgm，不过好像会有影响那就算了吧
复制链接

扫一扫