12制时钟（原创）

PROMULGATOR

我是404

北京市

← 时间函数格式化

→ 多行文本溢出省略

相关代码

canvas炫酷时钟

动态美观圆形时钟

css3时钟动画

canvas时钟效果

canvas时钟效果

canvas点阵时钟

Html

Css

Js

function myDate()
        { var now=new Date();
            var year=now.getFullYear();
            var month=now.getMonth()+1;
            var day=now.getDate();
            var hours=now.getHours();
            var minutes=now.getMinutes();
            var seconds=now.getSeconds();
            var w;
            if(hours<=12)
            {
                w="AM";
            }else
            {
                w="PM";
            }
            hours=hours>12?hours-12:hours;
            hours=hours<10?"0"+hours:hours;
            minutes=minutes<10?"0"+minutes:minutes;
            seconds=seconds<10?"0"+seconds:seconds;
            var weekday = 0;
            switch(now.getDay()){
                case 0:
                    weekday = "星期日";
                    break;
                case 1:
                    weekday = "星期一";
                    break;
                case 2:
                    weekday = "星期二";
                    break;
                case 3:
                    weekday = "星期三";
                    break;
                case 4:
                    weekday = "星期四";
                    break;
                case 5:
                    weekday = "星期五";
                    break;
                case 6:
                    weekday = "星期六";
                    break;
            }
         // document.getElementById("div").innerHTML=year+"年"+month+"月"+day+"日"+hours+"："+minutes+"："+seconds;
           document.getElementById("div").innerHTML="<h4>你好！</h4>"+"<h4>"+year+"年"+month+"月"+day+"日 "+hours+"："+minutes+"："+seconds+" "+w+" "+weekday+"</h4>";
        }
   //  var mytime=setInterval("myDate()",1000);
        setInterval(myDate,1000);

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

立即下载

12制时钟（原创）

代码描述：钟表动态显示

入门小实例

0

最新

发表评论全部评论

暂时没有评论！

登录后才可以评论

30秒后在评论吧!

取消回复

<!doctype html> <html> <head> <meta charset="utf-8"> <title>12制时钟（原创）-jq22.com</title> <script src="https://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script> <style> </style> </head> <body> <script> </script> </body> </html>

2012-2021 jQuery插件库版权所有

jquery插件| jq22工具库| 网页技术| 广告合作| 在线反馈| 版权声明
沪ICP备13043785号-1 浙公网安备 33041102000314号