javascript实现智能手环时间显示


Posted in Javascript onSeptember 18, 2020

本文实例为大家分享了javascript实现智能手环时间显示的具体代码,供大家参考,具体内容如下

javascript实现智能手环时间显示

代码:

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Document</title>
 <style>
  #shijian{
   width: 500px;height: 120px;background-color:#117dbb;
   margin: 50px auto;line-height: 120px;
   color: white;font-size: 22px;
   text-align: center;
   border-radius: 60px;
   box-shadow:#4f535a 0px 5px 10px;
  }
 </style>
</head>
<body>
 <div id ="shijian">显示当前时间</div>
 <script>
  function showtime(){
   var a = new Date()
   var year = a.getFullYear()
   var month =jiaLing(a.getMonth()+1) 
   var day =jiaLing(a.getDate()) 
   var week = weekUp(a.getDay()) 
   var houer =jiaLing(a.getHours()) 
   var minute =jiaLing(a.getMinutes()) 
   var second =jiaLing(a.getSeconds()) 
   var str=year+"年"+month+"月"+day+"日 星期"+week+" " +houer+"时"+minute+"分"+second+"秒"
   return str;
  }
  function weekUp(i){
   var arr = ["日","一","二","三","四","五","六"]
   return arr[i]
  }
  function jiaLing(i){
   if(i<10){
    return "0"+i;
   }else{
    return i;
   }
  }
  setInterval(function(){
   var oDiv= document.getElementById("shijian");
   oDiv.innerHTML = showtime()
  },1000)
 </script>
</body>
</html>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
excel操作之Add Data to a Spreadsheet Cell
Jun 12 Javascript
Prototype Date对象 学习
Jul 12 Javascript
JQuery的read函数与js的onload不同方式实现
Mar 18 Javascript
详解JavaScript对Date对象的操作问题(生成一个倒数7天的数组)
Oct 01 Javascript
js实现select下拉框菜单
Dec 08 Javascript
JS读取XML文件数据并以table形式显示数据的方法(兼容IE与火狐)
Jun 02 Javascript
JavaScript 闭包机制详解及实例代码
Oct 10 Javascript
自学实现angularjs依赖注入
Dec 20 Javascript
JS+DIV实现的卷帘效果示例
Mar 22 Javascript
vue实现跨域的方法分析
May 21 Javascript
vue实现图片上传预览功能
Dec 23 Javascript
Vue中避免滥用this去读取data中数据
Mar 02 Vue.js
javascript实现打砖块小游戏(附完整源码)
Sep 18 #Javascript
js实现拖拽与碰撞检测
Sep 18 #Javascript
详解JavaScript 的执行机制
Sep 18 #Javascript
鸿蒙系统中的 JS 开发框架
Sep 18 #Javascript
React倒计时功能实现代码——解耦通用
Sep 18 #Javascript
浅谈鸿蒙 JavaScript GUI 技术栈
Sep 17 #Javascript
vue项目中播放rtmp视频文件流的方法
Sep 17 #Javascript
You might like
水质对咖图啡风味的影响具体有哪些
2021/03/03 冲泡冲煮
层叠菜单的动态生成
2006/10/09 PHP
php无限极分类递归排序实现方法
2014/11/11 PHP
ThinkPHP框架表单验证操作方法
2017/07/19 PHP
鼠标经过显示二级菜单js特效
2013/08/13 Javascript
jquery中对于批量deferred的处理方法
2014/01/22 Javascript
对js关键字命名的疑问介绍
2014/04/25 Javascript
js获取IP地址的方法小结
2014/07/01 Javascript
Egret引擎开发指南之运行项目
2014/09/03 Javascript
仅30行代码实现Javascript中的MVC
2016/02/15 Javascript
原生js编写autoComplete插件
2016/04/13 Javascript
js实现可控制左右方向的无缝滚动效果
2016/05/29 Javascript
node.js实现的装饰者模式示例
2017/09/06 Javascript
微信小程序实现弹出层效果
2020/05/26 Javascript
bootstrap table实现合并单元格效果
2018/12/24 Javascript
利用Webpack实现小程序多项目管理的方法
2019/02/25 Javascript
js通过canvas生成图片缩略图
2020/10/02 Javascript
jquery实现广告上下滚动效果
2021/03/04 jQuery
[58:32]EG vs Liquid 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
[02:21]2018完美盛典章节片——初心
2018/12/17 DOTA
[55:35]DOTA2-DPC中国联赛 正赛 CDEC vs Dragon BO3 第二场 1月22日
2021/03/11 DOTA
Python基于dom操作xml数据的方法示例
2018/05/12 Python
python实现彩票系统
2020/06/28 Python
对Pyhon实现静态变量全局变量的方法详解
2019/01/11 Python
基于MATLAB和Python实现MFCC特征参数提取
2019/08/13 Python
python实现复制文件到指定目录
2019/10/16 Python
python实现淘宝购物系统
2019/10/25 Python
Docker部署Python爬虫项目的方法步骤
2020/01/19 Python
会计岗位职责
2013/11/08 职场文书
导游词欢迎词
2015/02/02 职场文书
活着观后感
2015/06/03 职场文书
创业计划书之珠宝饰品
2019/08/26 职场文书
教你漂亮打印Pandas DataFrames和Series
2021/05/29 Python
Python django中如何使用restful框架
2021/06/23 Python
基于HTML十秒做出淘宝页面
2021/10/24 HTML / CSS
详解Python中的for循环
2022/04/30 Python