css+html+js数字时钟

数字时钟里面有,年,月,日,星期,小时,分钟,秒,简单的介绍怎么用js来调用日期,做出自己想要的时钟。

操作方法

  • 01

    /*css*/ body{margin:0 auto;} .div1{margin:0 auto;width:1260px;text-align: center;line-height: 80px;font-size: 26px;} #dtime{width:1260px;margin:0 auto;text-align: center;font-size: 20px;}

  • 02

    <!--html--> <body> <div class="div1">这是一个时钟</div> <div id="dtime"></div> <body>

  • 03

    //js部分 fb(); setInterval(fb, 1000); function fb () { var dtime=document.getElementById('dtime'); var x=new Date(); y=x.getFullYear(); m=x.getMonth()+1; d=x.getDate(); r=x.getDay(); h=x.getHours(); f=x.getMinutes(); s=x.getSeconds(); ar=['日','一','二','三','四','五','六']; var j; for(var i=0;i<ar.length;i++){ r=ar[i]; } function fa (j) { if(j<10){ return '0'+j; } else{return j;} } dtime.innerHTML=y+'年 '+m+'月 '+d+'日 '+'星期'+r+' 时间: '+fa(h)+'时: '+fa(f)+'分: '+fa(s)+'秒'; }

(0)

相关推荐

  • 如何让浏览器不加载缓存CSS和JS

    我们在网页制作中会碰到如果我上传js,css之后用户以前打开过页面那么这样不会加载新的css或js文件而是加载缓存中的文件,那么我要怎么让浏览器不加载缓存CSS和JS呢?下面一聚教程小编来给各位介绍. ...

  • 在Win7系统中如何使用带秒的数字时钟?

    今天小编为大家分享在Win7系统中如何使用带秒的数字时钟方法,对于有需要的朋友可以参考本文,一起来看看吧! 步骤 当然,操作系统自带时钟显示,除了任务栏通知区域的数字时钟之外,右键点击桌面空白处→小工 ...

  • excel vba制作一个数字时钟

    下面为大家分享excel中使用vba制作一个数字时钟方法,不会的朋友可以参考本文,来学习吧! 步骤 1.首先我们打开一个工作样表作为例子. 2.使用alt+f11进入vbe编辑器,插入一个新的模块,并 ...

  • 如何统一压缩HTML、CSS、JS

    在线压缩还原工具HCJCompress,可同时删除html.css.js中的多余的注释.空格.回车,统一各文件中的控件id.类名等,替换Js的函数变量.函数名称.同时具有代码还原功能. 操作方法 01 ...

  • 华为手机如何修改数字时钟为模拟时钟

    华为手机可以将默认的数字时钟变为模拟时钟. 操作方法 01 点击时钟图标. 02 点击下面的设置. 03 点击世界时钟下面的时钟样式. 04 默认的是数字时钟. 05 选择模拟时钟. 06 选择后自动 ...

  • 如何注释html、css、js代码

    不是每行代号都需要注释,但注释代码量要占10% ~ 20%,以免其他人在检测调试代码的时候,不知道这段代码是什么意思,还得从前面开始理解代码,增加别人的工作量.下面,我们来看看如何注释html.css ...

  • HTML中引入css和js的方法

    我们在HTML中经常需要引入CSS和JS文件,那么如何引入呢?下面小编给大家演示一下. 操作方法 01 首先新建一个文件夹,在文件夹下面建立如下图所示的文件 02 接下来用Sublime Text打开 ...

  • 让Editplus自动格式化css和js 的插件

    今天正好看了一下editplus 的用户工具,它允许通过命令行调用和标准输出输出与其它程序进行交互,可以传入参数可以手动指定,也可以是当前选定内容,当前本件所有文本等,即然这样我们就利用它的filte ...

  • vue如何引用其他组件(css和js)

    vue如何引用其他组件(css和js)