JavaScript实现12进制的时钟特效

简介: JavaScript实现12进制的时钟特效

需求说明


制作显示年、月、日、星期几,并且显示上午(AM)和下午(PM)的十二进制的时钟


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>制作12进制的时钟特效</title>
</head>
<body onload="clock_12h()">
<h4 id="times"></h4>
<script>
    function clock_12h() {
        var today = new Date();
        var add = "";
        if(today.getHours()<12){
            add = "AM";
        }else {
            add = "PM";
        }
        document.getElementById("times").innerHTML=today.getFullYear()+"年"+(today.getMonth()+1)+"月"+today.getDate()+"日"+"\t"+today.getHours()+":"+today.getMinutes()+":"+today.getSeconds()+"\t"+add+"\t"+"星期"+today.getDay();
   }
   setInterval("clock_12h()",1000);
</script>
</body>
</html>


目录
相关文章
|
3月前
|
JavaScript
Js 实现十六进制颜色值和RGB颜色值转换整理
Js 实现十六进制颜色值和RGB颜色值转换整理
|
3月前
|
移动开发 JavaScript 前端开发
分享111个JS时钟代码特效,总有一款适合您
分享111个JS时钟代码特效,总有一款适合您
93 0
|
3月前
|
前端开发 算法 JavaScript
html+css+js实现时钟
html+css+js实现时钟
29 0
|
4月前
|
存储 前端开发 JavaScript
🏆使用 HTML、CSS 和 JavaScript 的酷黑主题模拟时钟
🏆使用 HTML、CSS 和 JavaScript 的酷黑主题模拟时钟
72 0
|
9月前
|
JavaScript
js中对进制、最大值、最小值,无穷大小及其NaN的初步认识
js中对进制、最大值、最小值,无穷大小及其NaN的初步认识
|
9月前
|
存储 前端开发 JavaScript
使用 Html、CSS 和 Javascript 的简单模拟时钟
使用 Html、CSS 和 Javascript 的简单模拟时钟
166 0
|
前端开发 JavaScript
如何使用JavaScript创建一个简单的时钟
在本篇文章中,我将向您展示如何使用JavaScript创建一个简单的时钟。这个时钟将显示当前的时间,并在每秒钟更新一次。
98 0
|
JavaScript
JS: int转16进制
JS: int转16进制
66 0
|
JavaScript 前端开发
利用JavaScript实现二级联动
利用JavaScript实现二级联动 要实现JavaScript二级联动效果,首先要确定需要哪些技术: 二维数组 for in循环 new Option(text,value,true,true) add(option,null) onchange() 表单事件 HTML代码: &lt;!-- &lt;input type=&quot;text&quot; id=&quot;text&quot;&gt; --&gt; 请选择省份: &lt;select name=&quot;&quot; id=&quot;provinces&quot;&gt; &lt;!-- &lt;option value=&quot;江苏省&quot;&gt;江苏省&lt;/option&gt;
|
JavaScript 前端开发
JavaScript函数柯里化的实现原理,进来教你完成一个自己的自动实现柯里化方法
JavaScript函数柯里化的实现原理,进来教你完成一个自己的自动实现柯里化方法
167 0