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 DOM操作实例
Mar 05 Javascript
JavaScript运行时库属性一览表
Mar 14 Javascript
Jquery实现遮罩层的方法
Jun 08 Javascript
javascript引用类型之时间Date和数组Array
Aug 27 Javascript
详解jQuery Mobile自定义标签
Jan 06 Javascript
学习JavaScript设计模式之策略模式
Jan 12 Javascript
JavaScript+canvas实现七色板效果实例
Feb 18 Javascript
jq stop()和:is(:animated)的用法及区别(详解)
Feb 12 Javascript
详解Angular Forms中自定义ngModel绑定值的方式
Dec 10 Javascript
JavaScript RegExp 对象用法详解
Sep 24 Javascript
layui table 表格上添加日期控件的两种方法
Sep 28 Javascript
jquery html添加元素/删除元素操作实例详解
May 20 jQuery
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从右向左/从左向右截取字符串的实现方法
2011/11/28 PHP
浅析php中array_map和array_walk的使用对比
2016/11/20 PHP
PHP分享图片的生成方法
2018/04/25 PHP
从零开始学习jQuery (六) jquery中的AJAX使用
2011/02/23 Javascript
jquery中子元素和后代元素的区别示例介绍
2014/04/02 Javascript
JavaScript数组和循环详解
2015/04/27 Javascript
分享几种比较简单实用的JavaScript tabel切换
2015/12/31 Javascript
关于jquery中动态增加select,事件无效的快速解决方法
2016/08/29 Javascript
基于angularJS的表单验证指令介绍
2016/10/21 Javascript
React+react-dropzone+node.js实现图片上传的示例代码
2017/08/23 Javascript
AngularJS实现图片上传和预览功能的方法分析
2017/11/08 Javascript
Angular实现的日程表功能【可添加及隐藏显示内容】
2017/12/27 Javascript
vue 实现类似淘宝星级评分的示例
2018/03/01 Javascript
JavaScript的数据类型转换原则(干货)
2018/03/15 Javascript
vue 自定义组件的写法与用法详解
2020/03/04 Javascript
js实现滚动条自动滚动
2020/12/13 Javascript
React实现todolist功能
2020/12/28 Javascript
phpsir 开发 一个检测百度关键字网站排名的python 程序
2009/09/17 Python
分享vim python缩进等一些配置
2018/07/02 Python
Python爬虫将爬取的图片写入world文档的方法
2018/11/07 Python
浅谈numpy生成数组的零值问题
2018/11/12 Python
Python多图片合并PDF的方法
2019/01/03 Python
在Python中通过threshold创建mask方式
2020/02/19 Python
python opencv进行图像拼接
2020/03/27 Python
python中threading开启关闭线程操作
2020/05/02 Python
UI自动化定位常用实现方法代码示例
2020/10/27 Python
pycharm + django跨域无提示的解决方法
2020/12/06 Python
html5 localStorage本地存储_动力节点Java学院整理
2017/07/06 HTML / CSS
装潢设计专业推荐信模板
2013/11/26 职场文书
《雨点》教学反思
2014/02/12 职场文书
毕业生就业协议书
2014/04/11 职场文书
人力资源部岗位职责
2015/02/11 职场文书
2015年学校团委工作总结
2015/05/26 职场文书
三八妇女节致辞
2015/07/31 职场文书
Go语言 go程释放操作(退出/销毁)
2021/04/30 Golang
python执行js代码的方法
2021/05/13 Python