电子时钟 订阅
《电子时钟》是一款软件,运行环境支持Android 2.2。 展开全文
《电子时钟》是一款软件,运行环境支持Android 2.2。
信息
应用版本
1.0.0
运行环境
支持Android 2.2
应用平台
mobile
应用名称
电子时钟
电子时钟应用类型
理财购物类软件
收起全文
精华内容
参与话题
问答
  • 电子时钟

    2019-12-05 17:52:35
    利用JS获取系统当前的时间,并且让页面把当前时间显示出来 时针结构布局,代码如下: <body> <div class="one"> <div class="two"><h1><...div class="three" align=...

    利用JS获取系统当前的时间,并且让页面把当前时间显示出来

    时针结构布局,代码如下:

    <body>
    <div class="one">
    	<div class="two"><h1><span id="xq" ></span></h1></div>
    	<div class="three" align="center"><b><p id="xw"></p></b></div>
    	<div class="four" align="center"><b><p id="xr"></p></b></div>
    </div>
    </body>
    

    关键CSS样式,代码如下:

    <style type="text/css">
    .one{	
    	width: 200px;
    	height: 250px;
    	border: 2px solid black;
    	border-radius: 20px;
    	margin:170px 550px;
    	background-image:url("1.jpg");
    	background-size: 190%;
    }
    .two{
    	height: 60px;
    	border-bottom: 1px solid transparent;/*透明边框,可以删去*/
    	text-align: center;
    }
    .three{
    	height: 60px;
    	margin-top: -50px;
    	border-bottom:1px solid transparent;
    	font-size: 100px;
    	line-height: 0px;
    }
    .four{
    	height: 58px;
    	border:1px solid transparent;
    	margin-top:-10px;margin-left: -8px;
    	font-size: 18px;
    	 }
    </style>
    

    JS 获取系统时间,代码如下:

    <script type="text/javascript">
    	function jgy(){
    		var c=document.getElementById("xq");
    	var now=new Date();
    	var day=now.getDay();
    	switch(day){
    		case 0:c.innerHTML="星期日";break;
    		case 1:c.innerHTML="星期一";break;
    		case 2:c.innerHTML="星期二";break;
    		case 3:c.innerHTML="星期三";break;
    		case 4:c.innerHTML="星期四";break;
    		case 5:c.innerHTML="星期五";break;
    		case 6:c.innerHTML="星期六";break;
    		default:c.innerHTML="星期出错";
    	}
    	//日期的代码
    	var a=document.getElementById("xw");
    	var now=new Date;
    	var date=now.getDate();
    	if (date<10) {
    		date="0"+date;
    	}
    	a.innerHTML=date;
    	//年月日的代码
    	var b=document.getElementById("xr");
    	var now=new Date();
    	var year=now.getFullYear();
    	var month=now.getMonth()+1;
    	var hour=now.getHours();
    	var minute=now.getMinutes();
    	if (minute<10) {
    		minute="0"+minute;
    	}
    	var second=now.getSeconds();
    	if (second<10) {
    		second="0"+second;
    	}
    	b.innerHTML=year+"."+month+" &nbsp;&nbsp; "+hour+":"+minute+":"+second;
    	}
    	</script>
    

    JS计时器,代码如下:

    	<script type="text/javascript">
    		/*计时器*/
    	var myset=setInterval(function(){		
    		jgy();
    	},1000);
    
    </script>
    
    希望以上的一些代码可以帮助到您!❤
    展开全文
  • 电子时钟电子时钟电子时钟电子时钟电子时钟电子时钟
  • 电子时钟的设计电子时钟的设计电子时钟的设计电子时钟的设计电子时钟的设计电子时钟的设计电子时钟的设计电子时钟的设计电子时钟的设计电子时钟的设计
  • arduino电子时钟

    2018-08-28 14:22:16
    arduino + 12864 利用u8g的库制作的电子时钟 可以接 温湿度传感器
  • 电子时钟程序

    2013-10-30 21:15:34
    电子时钟程序
  • verilog电子时钟

    2016-01-13 22:24:15
    硬件描述语言作业,实现电子时钟设计,Verilog HDL
  • 基于STM32的辉光管电子时钟-基于STM32的辉光管电子时钟.zip
  • STM8 电子时钟-PCF8563处理时间, 电子时钟送LCD显示实验
  • 数字电子时钟设计

    2019-03-13 09:13:53
    设计的数字电子时钟系统以单片机(AT89C51)为核心,结合相关的元器件,再配以相应的汇编语言源程序,设计出的一个将“时”、“分”、“秒”显示于人的视觉器官的计时装置。根据60秒为1分、60分为1小时的计数周期,...
  • c语言实现电子时钟

    2015-06-28 15:43:38
    c语言实现电子时钟
  • android电子时钟源码

    2018-04-12 13:26:18
    android电子时钟源码(kotlin),含有实时天气情况,农历甲子年及生肖。
  • JS电子时钟

    千次阅读 2019-06-09 13:22:35
    用JS来写个简单的电子时钟 思路: 先获取计算机的当前时间,然后通过计时器不断的获取当前时间,从而达到电子时钟的效果 样式必不可少的,先把电子时钟的样式设计好 样式: <div class="row"> <div class=...
    开发工具与关键技术:VS2015,Javascript
    
    撰写时间:2019年6月1日
    

    用JS来写个简单的电子时钟
    思路:
    先获取计算机的当前时间,然后通过计时器不断的获取当前时间,从而达到电子时钟的效果
    样式必不可少的,先把电子时钟的样式设计好

    样式:

    <div class="row">
                <div class="col mt-5">
                    <label>电子时钟:</label>
                    <input type="text" name="name" value="" class="w-25 text-center" id="open" disabled/>
                    <button onclick="timeStart()">时间流逝</button>
                    <button onclick="timeStop()">时间静止</button>
                </div>
            </div>
    

    效果:
    在这里插入图片描述
    接着用JS代码获取当前的时间,得到年,月,日,时,分,秒。
    在这里插入图片描述
    这便是直接用JS获取的时间,但,显然这并不是一个电子时钟该有的样子,所以要对这个时间加工一下,做出自己想要的样式。

    先来把时间调整一下去掉多余的部分,电子时钟只需要年,月,日,时,分,秒。
    在这里插入图片描述
    然而这还不是一个电子时钟的样子,所以现在要对这个时间顺序进行调整,然后重新拼接。

    月,日,时,分,秒,有些特殊,在计算机里无法自行设计出01,02,03,之类的数字,而月,日,时,分,秒,却又包含有这样的数字,所以要对,月,日,时,分,秒,进行判断,拼接。
    当数字为1-9的时候就在1-9前拼接一个“0”,这样就有了01,02,03之类的效果。

    月份这个也有点特殊,因为计算机算数是从0开始的,而现实中是没有00这个月份,所以要在月份后面+1,这样就不会出现00这样的情况

    然后再把日期时间重新拼接一下,做出自己想要的日期时间顺序,再把拼接好的日期时间赋值给input标签。

    //把days函数赋予input标签
            function play() {
                var mons = days();
                document.getElementById("open").value = mons;
            }
    
            //年月日时分秒重新拼接
            function days() {
                var datas = new Date();
                var on1 = "-";
                var on2 = ":";
                var onY = datas.getFullYear(); //年
                var onM = datas.getMonth()+1; //月
                var onD = datas.getDate(); //日
                var onS = datas.getHours(); //时
                var onF = datas.getMinutes(); //分
                var onN = datas.getSeconds(); //秒
    
                if (onM >= 1 && onM <= 9) { //月
                    onM = "0" + onM;
                }
                if (onD >= 1 && onD <= 9) { //日
                    onD = "0" + onD;
                }
                if (onS >= 0 && onS <= 9) { //时
                    onS = "0" + onS;
                }
                if (onF >= 0 && onF <= 9) { //分
                    onF = "0" + onF;
                }
                if (onN >= 0 && onN <= 9) { //秒
                    onN = "0" + onN;
                }
                var strTime = onY + on1 + onM + on1 + onD + "\t" + onS + on2 + onF + on2 + onN;
                return strTime;
            }
    

    这时候就得到了一个静止的时间,而电子时钟需要的是一个动态的时间,所以这里可以选择用计时器来不断来调用“play()”这个函数,每隔一秒就去调用“play()”,不断的刷新input标签的值,这样就可以达到电子时钟的效果。

    //时间流逝
            var time = null;
            function timeStart() {
                time = setInterval(play, 1000);
            }
    

    效果图:

    在这里插入图片描述
    电子时钟的样式,设计了两个按钮,“时间流逝”和“时间静止”。
    在点击“时间流逝”按钮,时间是动态的。
    在点击“时间静止”按钮,时间是静态的。

    下面的就把“时间静止”这个按钮的功能补全。

    在点击“时间静止”按钮后,电子时钟就不再读秒,停止获取当前时间。
    当再次点击“时间流逝”按钮后电子时钟还是会再次运行
    可以选择把计时器清空,不再进行读秒
    用到 JS内部定义的clearInterval()

    		//时间静止
            function timeStop() {
                clearInterval(time);
            }
    
    展开全文
  • 主要介绍了JavaScript电子时钟倒计时的实现代码,具有一定的参考价值,感兴趣的朋友可以参考一下
  • 主要为大家详细介绍了C语言实现电子时钟程序,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • 数电课程设计数字电子时钟内含多个模块 源文件,设计报告,打印图纸等资源应有尽有,稍有数电基础的童鞋均可快速上手
  • 利用单片机设计电子时钟,编程用c语言,秒表、时钟计时器要求用液晶1602显示时、分、秒。使用按键开关可实现时分调整、秒表/时钟功能

空空如也

1 2 3 4 5 ... 20
收藏数 3,632
精华内容 1,452
关键字:

电子时钟