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 相关文章推荐
Jquery AJAX 用于计算点击率(统计)
Jun 30 Javascript
40个有创意的jQuery图片、内容滑动及弹出插件收藏集之一
Dec 31 Javascript
动态加载js和css(外部文件)
Apr 17 Javascript
javascript中定义类的方法汇总
Dec 28 Javascript
javascript中callee与caller的区别分析
Apr 20 Javascript
jQuery遮罩层实现方法实例详解(附遮罩层插件)
Dec 08 Javascript
浅谈Node.js:fs文件系统模块
Dec 08 Javascript
vue-ajax小封装实例
Sep 18 Javascript
vue的token刷新处理的方法
Jul 17 Javascript
关于微信小程序map组件z-index的层级问题分析
Jul 09 Javascript
npm 语义版本控制详解
Sep 10 Javascript
详解小程序云开发攻略(解决最棘手的问题)
Sep 30 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
【星际争霸1】人族1v7家ZBath
2020/03/04 星际争霸
php面向对象全攻略 (二) 实例化对象 使用对象成员
2009/09/30 PHP
php购物网站支付paypal使用方法
2010/11/28 PHP
php cli 小技巧
2013/06/03 PHP
Laravel框架中实现使用阿里云ACE缓存服务
2015/02/10 PHP
33道php常见面试题及答案
2015/07/06 PHP
PHP微商城开源代码实例
2019/03/27 PHP
建立良好体验度的Web注册系统ajax
2007/07/09 Javascript
jQuery textarea的长度进行验证
2009/05/06 Javascript
js自动生成的元素与页面原有元素发生堆叠的解决方法
2013/10/24 Javascript
jQuery短信验证倒计时功能实现方法详解
2016/05/25 Javascript
JS 实现可停顿的垂直滚动实例代码
2016/11/23 Javascript
jQuery完成表单验证的实例代码(纯代码)
2017/09/30 jQuery
详解使用Typescript开发node.js项目(简单的环境配置)
2017/10/09 Javascript
Vue2仿淘宝实现省市区三级联动
2020/04/15 Javascript
angular 实现的输入框数字千分位及保留几位小数点功能示例
2018/06/19 Javascript
Nginx设置为Node.js的前端服务器方法总结
2019/03/27 Javascript
微信小程序 可搜索的地址选择实现详解
2019/08/28 Javascript
layer关闭当前窗口页面以及确认取消按钮的方法
2019/09/09 Javascript
[02:08]什么藏在DOTA2 TI9“小紫本”里?斧王历险记告诉你!
2019/05/17 DOTA
Python程序语言快速上手教程
2012/07/18 Python
python使用mailbox打印电子邮件的方法
2015/04/30 Python
详解Python编程中基本的数学计算使用
2016/02/04 Python
Python的requests网络编程包使用教程
2016/07/11 Python
Python文件监听工具pyinotify与watchdog实例
2018/10/15 Python
python列表每个元素同增同减和列表元素去空格的实例
2019/07/20 Python
Python进行特征提取的示例代码
2020/10/15 Python
公务员职业生涯规划书范文  
2014/01/19 职场文书
幼儿园教师节活动方案
2014/02/02 职场文书
学雷锋演讲稿
2014/03/04 职场文书
市场营销方案范文
2014/03/11 职场文书
2014年党的群众路线活动个人整改措施
2014/10/28 职场文书
幼儿园2014年度工作总结
2014/11/10 职场文书
2016元旦晚会主持人开场白和结束语
2015/12/03 职场文书
入党申请书怎么写?
2019/06/11 职场文书
详解nginx location指令
2022/01/18 Servers