html+css+js 动态时钟

所属分类:输入-日期和时间

 49680  400  查看评论 (42)
分享到微信朋友圈
X
html+css+js 动态时钟 ie兼容10
相关插件-日期和时间

时间日期插件

jQuery可选择日期范围的日期选择器插件
  日期和时间
 77217  399

jQuery多功能秒表闹钟计时器插件

jQuery多功能秒表闹钟计时器插件
  日期和时间
 56889  355

jQuery日期时间选择器插件

jQuery日期时间选择器插件
  日期和时间
 78373  425

移动端日期选择插件mdater

移动端日期选择插件mdater,日历控件
  日期和时间
 57752  359

讨论这个项目(42)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    西瓜 0
    2022/6/28 23:56:48
    可以,不错挺好看的
        昂首莫回头0
        2024/3/8 16:30:14
        确实好看
    回复
    小西瓜® 0
    2022/6/28 19:08:44
    糖糖糖 0
    2021/8/3 16:44:41
    怎么查看代码呢 回复
    糖糖糖 0
    2021/8/3 16:43:55
    探戈狼 0
    2020/7/16 9:48:19
    获取的星期几页是不对的
        糖糖糖1
        2021/8/3 16:45:56
        把getDay()换成getDate()
        南风知我意 ??0
        2022/7/8 11:58:08
        👍
    回复
    探戈狼 0
    2020/7/16 9:42:28

    星期天显示不对  我像上面评论说的那样修改了  

    function setTime() {
        var nowdate = new Date();
        //获取年月日时分秒
        var year = nowdate.getFullYear(),
            month = nowdate.getMonth() + 1,
            day = nowdate.getDate(),
            hours = nowdate.getHours(),
            minutes = nowdate.getMinutes(),
            seconds = nowdate.getSeconds(),
            date = nowdate.getDate();
        //var weekday =["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
        var weekday = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六");
        // 获取日期id
        date_info.innerHTML = year + "年" + month + "月" + day + "日   " + weekday[day % 7];
        hour_time.innerHTML = hours >= 10 ? hours : "0" + hours;
        minute_time.innerHTML = minutes >= 10 ? minutes : "0" + minutes;
        second_time.innerHTML = seconds >= 10 ? seconds : "0" + seconds;
        console.log(year + "年" + month + "月" + day + "日   " + weekday[day % 7]);
        //时分秒针设置

    然而现实的是  7月16号   星期二      实际的是星期四

    回复
    探戈狼 0
    2020/6/29 17:34:15
    挺好用的,已经用上了,但是不知道该大小怎么改
        西瓜0
        2020/6/29 20:30:54

        因为当前时钟大小是400px乘400px,你只能通过使用css缩放属性来控制,给.box样式加transform:scale(.5);一半大小。

        探戈狼0
        2020/7/4 18:05:41
        谢谢
    回复
    together 0
    2020/2/8 23:09:37
    拾染 0
    2019/7/3 11:39:46
    梦的太深 0
    2019/4/7 10:46:05
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复