用JavaScript时钟特效

最新推荐文章于 2024-07-26 11:41:15 发布

路边小吕

最新推荐文章于 2024-07-26 11:41:15 发布

阅读量265

点赞数

文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/qiandaiyangzi/article/details/127811796

版权

实现效果：

代码如下：

<!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 = today.getFullYear();
        var month = today.getMonth()+1;
        var date = today.getDate();
        var hour = today.getHours();  //获得小时、分钟、秒
        var minute = today.getMinutes();
        var second = today.getSeconds();
 
        var apm="AM"; //默认显示上午: AM
        if (hour>12) //按12小时制显示
        {