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>


目录
相关文章
|
6月前
|
JavaScript
Js 实现十六进制颜色值和RGB颜色值转换整理
Js 实现十六进制颜色值和RGB颜色值转换整理
149 0
|
3月前
|
JavaScript 前端开发
JS二进制转10进制、十六进制
JS二进制转10进制、十六进制 【8月更文挑战第9天】
121 6
|
6月前
|
移动开发 JavaScript 前端开发
分享111个JS时钟代码特效,总有一款适合您
分享111个JS时钟代码特效,总有一款适合您
351 0
|
6月前
|
前端开发 算法 JavaScript
html+css+js实现时钟
html+css+js实现时钟
67 0
|
11月前
|
前端开发 JavaScript
教你用 JavaScript 设计一个 Neumorphism 风格的数字时钟 (代码详解)
教你用 JavaScript 设计一个 Neumorphism 风格的数字时钟 (代码详解)
70 1
|
11月前
|
存储 前端开发 JavaScript
🏆使用 HTML、CSS 和 JavaScript 的酷黑主题模拟时钟
🏆使用 HTML、CSS 和 JavaScript 的酷黑主题模拟时钟
119 0
|
JavaScript
js中对进制、最大值、最小值,无穷大小及其NaN的初步认识
js中对进制、最大值、最小值,无穷大小及其NaN的初步认识
|
存储 前端开发 JavaScript
使用 Html、CSS 和 Javascript 的简单模拟时钟
使用 Html、CSS 和 Javascript 的简单模拟时钟
229 0
|
前端开发 JavaScript
如何使用JavaScript创建一个简单的时钟
在本篇文章中,我将向您展示如何使用JavaScript创建一个简单的时钟。这个时钟将显示当前的时间,并在每秒钟更新一次。
150 0
|
JavaScript 算法 前端开发
【前端算法】JS实现数字千分位格式化
JS实现数字千分位格式化的几种思路,以及它们之间的性能比较
345 1