js 时钟

最新推荐文章于 2024-08-27 13:24:20 发布
最新推荐文章于 2024-08-27 13:24:20 发布
阅读量952 收藏 1
点赞数
分类专栏： 代码库 


<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>我的时钟</title>
        <script src="js/技能训练4-5JS.js"></script>
    </head>
    <style>
        .Big {
            margin:auto 0;
        }
        p {
            font-size:30px;
            text-align:center;
        }
    </style>
    <script>
         function showTime {
         	// 当前时间戳
	        var myDate=new Date();
	        // 年
	        var year=myDate.getFullYear();
	        // 月
	        var month=myDate.getMonth();+1
	        // 日
	        var day=myDate.getDate();
	        // 星期
	        var week=myDate.getDay();
	        // 时
	        var hour=myDate.getHours();
	        //分
	        var minute=myDate.getminute();
	        //秒
	        var second=myDate.gerSeconds();
	        // 通过索引来确立星期几
	        var weekArray=new Array("日","一","二","三","四","五","六");
	        // 拼接
	        var YearMonthDay=year+"年"+month+"月"+day+"日";
	        var weekStr="星期"+weekArray[week];
	        var ShangXia;
	        if(hour<=12)
	           ShangXia="上午";
	        else if(hour<=18)
	           ShangXia="下午";
	        else if(hour<=24)
	           ShangXia="晚上";
	        
	        var HourMinuteSecond=hour+":"+minute+":"+second+":";
	        
	        var zong=YearMonthDay+"  "+weekStr+"  "+HourMinuteSecond;
	        
	        document.getElementById("pID").innerHTML=zong;
	        
	        // 定时器自调
	        setInterval("showTime()",1000);
	}
    </script>
    <body>
        <div class="Big">
              <p id="pID"></p>
        </div>
    </body>
</html>
四月四日梦
关注
专栏目录
js数字时钟
11-18
js数字时钟
JS实现时钟。
Can1997的博客
04-12 1226
此处CSS的样式忽略。 HTML简单结构如下: JS简单代码如下： <body> <div id="clock"> <p id="hours"></p> <span>:</span> <p id="min"></p> <span>:</span> <p id="sec"></p
使用纯JavaScript制作模拟时钟
weixin_30356433的博客
08-27 1032
本文还有配套的精品资源，点击获取 简介：本项目展示了如何使用JavaScript（JS）创建实时更新的模拟时钟，无需依赖外部库或框架。通过获取当前时间、更新DOM和设置定时器，实现时钟的实时更新。CSS用于美化时钟界面，定义样式、颜色和动画效果。项目文件包括HTML、JavaScript和CSS，可用于学习JavaScript基础、DOM操作、时间处理和CSS样式设计。 ...
js完整时钟
qq_42058441的博客
12-28 127
&lt;!doctype html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf8"&gt; &lt;title&gt;js完整时钟&lt;/title&gt; &lt;style&gt; * {margin: 0px; padding: 0;} .wrap { width: 600px; height: 600px;
JS做时钟
yangyalun的博客
04-09 446
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt; &lt;link rel="stylesheet" type="text
JS实现时钟
yacole的专栏
12-14 304
/**** &lt;html&gt; &lt;head&gt; &lt;script type="text/javascript"&gt; function startTime() { var today=new Date() var h=today.getHours() var m=today.getMinutes() var s=today.getSeconds() //当时间小于10时，在其...
node.js时钟案例
04-13
总结来说，"node.js时钟案例"是一个综合性的项目，涉及到Node.js服务器端编程、HTML和CSS的处理、JavaScript的执行以及前端交互设计。通过学习和实践这个案例，开发者可以加深对Node.js、前端技术和动态Web页面构建...
Javascript时钟
03-19
JavaScript时钟是一种常见的网页动态效果，它通过JavaScript编程语言实现，可以实时显示当前时间或日期。在本篇文章中，我们将深入探讨如何利用JavaScript创建一个功能齐全的时钟，并理解其背后的原理。 首先，我们...
analogClock.js时钟插件
04-02
"analogClock.js时钟插件"是一款专为网页设计的JavaScript时钟解决方案，它具有无需依赖额外CSS文件的特点，简化了网页时钟的实现方式。这个插件并不基于canvas元素来绘制时钟，而是利用JavaScript的核心功能和DOM...
js时钟
02-09
在这个名为"js-clock-master"的压缩包文件中，很可能是包含了一个简单的JavaScript时钟项目的源代码。 JavaScript时钟的基本实现原理是通过调用`setInterval`函数来定时执行一个函数，这个函数用来更新时间显示。在...
js实现时钟
qq_41743601的博客
07-11 3756
用js写一个时钟 我这个是仿造别人写的。当我拿到别人代码的时候有很多地方都不明白为什么要这么写。但通过自己一步步分析，加深百度最后终于解决了问题。就是关于canvas的save()和restore()还是有点不明白。虽然看了解释但还是没能真正体会它的用处，可能后续还需要多加体会才能够理解吧。虽然这是仿造别人的，但是我希望通过写下这个博客来记录自己的学习经历。希望大家多多指教。 代码部分，其中都有详细的解释。 <!DOCTYPE html> <html lang="en">
JS动态时钟
06-29
这里是简单的动态时钟，利用CSS和js的完美结合，适合初学JS 的学生
js 数字时钟
02-22
js数字时钟，格式为时间通用格式，年月日，时分秒，采用Vue前台技术
JS-从简单到复杂的做一个时钟（学习过程）
Zertuler的专栏
01-31 1019
这是一篇关于数字时钟的代码分享
JS 简单实现电子时钟
【chase
08-18 4814
通过Date类拿到的时分秒直接拼接起来可能是这样的：8:2:3，而我们想看到的效果应该是：08:02:03，所以这里我们会对时分秒小于10的情况进行判断，然后再拼接字符串。时钟的确是非常简单的一个功能：我们只需要通过js编写一个方法来获取时间的时分秒，再用定时器每隔一秒进行刷新即可。...
js时钟程序
zhupengqq的博客
06-30 722
js时钟程序 img{ width: 25px; height: 25px; } 时钟 function getImg(val) { var len=val.length; var images=""; for (var i = 0; i < len; i++) { var num=val.substr(i,1); switch(num){
JS实现实时钟表
小小鸟的博客
10-22 1480
JS实现实时钟表 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>原生JS实现实时钟表</title> <style> .clock { width: 600...
javascript 时钟
最新发布
10-01
JavaScript的时钟通常指使用`Date`对象来处理日期和时间。`Date`对象表示从1970年1月1日（UTC/GMT的午夜）开始计算的毫秒数。你可以创建一个新的`Date`实例获取当前时间，例如： ```javascript let now = new Date...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值