JavaScript制作12⼩时进制的时钟特效
今天分享⼀个javaScript制作12进制时钟特效的⼩题。
代码如下
> <!DOCTYPE html> <html> <head lang="en">
>    <meta charset="UTF-8">
>    <title>制作12进制的时钟特效</title> </head> <body> <div id="myclock"></div> <script type="text/javascript">
>
>    function clock_12h()
>    {
>        var today = new Date(); //获得当前时间
>        //获得年、⽉、⽇，Date()函数中的⽉份是从0－11计算
>        var year = FullYear();
>        var month = Month()+1;
>        var date = Date();
>        var hour = Hours();  //获得⼩时、分钟、秒
>        var minute = Minutes();
>        var second = Seconds();
>
>        var apm="AM"; //默认显⽰上午: AM
>        if (hour>12) //按12⼩时制显⽰
>        {
>            hour=hour-12;
>            apm="PM"  ;
>        }
>        var weekday = 0;
>        Day()){
>            case 0:
>                weekday = "星期⽇";
实现特效的代码js>                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;
>        }
>
>        /*设置div的内容为当前时间*/
>        ElementById("myclock").innerHTML="<h2>你好，欢迎访问！</h2><h2>"+year+"年"+month+"⽉"+date+"⽇ "+hour+":"+minute+":" +second+" "+apm+" "+weekday+"</h2>";
>
>    }
>    /*使⽤setInterval()每间隔指定毫秒后调⽤clock_12h()*/
>    var myTime = setInterval("clock_12h()",1000);
>
> </script> </body> </html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。