如何用 JS 创建一个时钟呢
来源:互联网 发布:数控卧车编程 编辑:程序博客网 时间:2024/05/13 09:00
废话不多说,直接贴代码
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JS时钟特效</title> <style> #divid{ width:260px; height: 50px; background:black; margin:0 auto; margin-top:300px; line-height: 50px; text-align: center; font-size:25px; color: red; } </style></head><body><div id="divid"></div></body><script type="text/javascript"> var divid = document.getElementById("divid"); //获取 div 标签返回的对象 setInterval("settime()",1000); //创建一个定时器,一秒调用一次这个方法 function settime(){ //创建方法 var dd = new Date(); //创建一个时间类对象 var y = dd.getFullYear(); //返回年 var m = dd.getMonth(); //返回月 var d = dd.getDate(); //返回日 var h = dd.getHours(); //返回时 var i = dd.getMinutes(); //返回分 var s = dd.getSeconds(); //返回秒 var date = y+"/"+m+"/"+d+" "+h+":"+i+":"+s; //将获取的所有值组合成一个变量 divid.innerHTML=date; //将获取的时间值输入到div对象中,也可以用innerText }</script></html>
基本思想是使用JS定时器方法,每1000毫秒(1秒)调用一次方法,返回并填充div
里的内容
阅读全文
0 0
- 如何用 JS 创建一个时钟呢
- 如何用Swing写一个时钟?
- 【html5】如何用HTML5中的canvas制作动画时钟呢?
- 用css定义一个div,如何用js取得样式的属性呢?
- 如何用JAVA语句创建一个表
- 如何用汇编创建一个基础内核
- 如何用git创建一个项目
- 如何用YII创建一个REST API
- 如何用Cocoapods创建一个开源库
- 如何用maven创建一个web项目
- 如何用java创建一个文件
- 如何用JAVA语句创建一个表
- 如何用VisualC++6.0创建一个数据库和表
- 如何用VisualC++6.0创建一个数据库和表
- 如何用VB.Net创建一个三层的数据库应用程序
- 如何用VB.Net创建一个三层的数据库应用程序
- 如何用VB.Net创建一个三层的数据库应用程序
- 如何用VB.Net创建一个三层的数据库应用程序
- FXhome HitFilm Pro 6(顶级视频剪辑合成工具)官方破解版V6.1.7208.42532下载 | fxhome hitfilm 6 pro
- 中文姓名转拼音生产特定格式
- JDBC规范——(3)新特性
- 几款Web服务器性能压力测试工具
- 通过反射机制为ViewPager设置滑动效果
- 如何用 JS 创建一个时钟呢
- 机器学习技法-Decision Tree
- 移植、裁减及配置Linux内核到s3c2440开发板
- shell浅谈之三for、while、until循环
- Linux查找命令或组件对应安装包的方法
- spring与mybatis整合及事务控制
- python 中文编码
- 设备模型数据结构简述
- 机器学习之正则化(Regularization)