介绍
这篇文章将为大家详细讲解有关怎么使用JS实现动态时钟,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
具体内容如下
利用凝固时间()实现动态的时钟效果
代码如下
& lt; html>
& lt;才能head>
,,,& lt; meta charset=皍tf-8"比;
,,,& lt; title>正在运行的时钟& lt;/title>
,,,& lt; style 类型=拔谋?css"比;
,,,,,/*设置样式:无边框的文本框*/,,,,,,
,,,,,# clock {
,,,,,,,宽度:,390;
,,,,,,,字体大小:,30 px;
,,,,,,,粗细:,900;
,,,,,,,颜色:,# FFFFFF;
,,,,,,,背景颜色:,# 930;
,,,,,,,边界:,8 px double # 900;
,
,,,,,}
,,,& lt;/style>
,
& lt;才能/head>
& lt;才能body onLoad=癲isptime(,),“比;
,,,& lt; form name=癿yform"比;
,,,,,& lt; input name=癿yclock",类型=皌ext",值=https://www.yisu.com/zixun/薄按笮? " 20 "> 形式
<脚本语言=" JavaScript ">
函数disptime () {
var时间=new日期();//获得当前时间
var年=time.getFullYear ();//获得年月日
var月=time.getMonth ();//获得年月日
var=time.getDate日期();//获得年月日
乏时=time.getHours ();//获得小时,分钟,秒
var分钟=time.getMinutes ();
var第二=time.getSeconds ();
如果(分钟<10)//如果分钟只有1位,补0显示
分钟=" 0 " +分钟;
如果(第二个<10)//如果秒数只有1位,补0显示
第二=" 0 " +第二;/*设置文本框的内容为当前时间*/. getelementbyid(“时钟”)。innerHTML=年+“年”+月+“日”“月”+日期+ +小时+”:“+分钟+”:“+
第二个
document.myform.myclock。值=年+“年”+月+“日”“月”+日期+ +小时+”:“+分钟+”:“+第二/*设置定时器每隔1秒(1000毫秒),调用函数disptime()执行,刷新时钟显示*/var myTime=setTimeout (“disptime ()",1000);
}> 脚本
身体>