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 相关文章推荐
静态图片的十一种滤镜效果--不支持Ie7及非IE浏览器。
Mar 06 Javascript
JavaScript 的方法重载效果
Aug 07 Javascript
不一样的文字闪烁 轮番闪烁
Nov 11 Javascript
在Iframe中获取父窗口中表单的值(示例代码)
Nov 22 Javascript
使用jquery prev()方法找到同级的前一个元素
Jul 11 Javascript
深入理解JavaScript系列(48):对象创建模式(下篇)
Mar 04 Javascript
jQuery中的ajax async同步和异步详解
Sep 29 Javascript
详解jQuery的Cookie插件
Nov 23 Javascript
JavaScript对JSON数据进行排序和搜索
Jul 24 Javascript
javascript连接mysql与php通过odbc连接任意数据库的实例
Dec 27 Javascript
微信小程序实现人脸识别
May 25 Javascript
vant中的toast层级改变操作
Nov 04 Javascript
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
php中通过数组进行高效随机抽取指定条记录的算法
2013/09/09 PHP
ThinkPHP分页类使用详解
2014/03/05 PHP
PHP反射API示例分享
2016/10/08 PHP
javascript KeyDown、KeyPress和KeyUp事件的区别与联系
2009/12/03 Javascript
超级24小时弹窗代码 24小时退出弹窗代码 100%弹窗代码(IE only)
2010/06/11 Javascript
js实现addClass,removeClass,hasClass的函数代码
2011/07/13 Javascript
jQuery 3.0 的变化及使用方法
2016/02/01 Javascript
50 个 jQuery 插件可将你的网站带到另外一个高度
2016/04/26 Javascript
javascript正则表达式中分组详解
2016/07/17 Javascript
js的各种排序算法实现(总结)
2016/07/23 Javascript
javascript特殊文本输入框网页特效
2016/09/13 Javascript
js实现百度地图定位于地址逆解析,显示自己当前的地理位置
2016/12/08 Javascript
微信小程序实现单选功能
2018/10/30 Javascript
vue-router的使用方法及含参数的配置方法
2018/11/13 Javascript
微信小程序实现文字跑马灯
2020/05/26 Javascript
vue滚动tab跟随切换效果
2020/06/29 Javascript
高效jQuery选择器的5个技巧实例分析
2019/11/26 jQuery
vue-openlayers实现地图坐标弹框效果
2020/09/24 Javascript
Python搭建HTTP服务器和FTP服务器
2017/03/09 Python
简单谈谈Python中的元祖(Tuple)和字典(Dict)
2017/04/21 Python
Python实现隐马尔可夫模型的前向后向算法的示例代码
2019/12/31 Python
python next()和iter()函数原理解析
2020/02/07 Python
Django关于admin的使用技巧和知识点
2020/02/10 Python
python 元组和列表的区别
2020/12/30 Python
详解canvas drawImage()方法绘制图片不显示的问题
2018/10/08 HTML / CSS
英国女装网上商店:I Saw It First
2018/10/18 全球购物
俄罗斯园林植物网上商店:Garshinka
2020/07/16 全球购物
优秀的教师个人的中文求职信
2013/09/21 职场文书
招聘专员岗位职责
2014/03/07 职场文书
本科生就业推荐信
2014/05/19 职场文书
个人三严三实对照检查材料思想汇报
2014/09/22 职场文书
2015年材料员工作总结
2015/04/30 职场文书
工地食品安全责任书
2015/05/09 职场文书
2016年教师党员创先争优承诺书
2016/03/24 职场文书
关于拾金不昧的感谢信(五篇)
2019/10/18 职场文书
关于redisson缓存序列化几枚大坑说明
2021/08/04 Redis