javascript实现智能手环时间显示_JavaScript

javascript实现智能手环时间显示

2021-09-30 15:04疯人Gort JavaScript

这篇文章主要为大家详细介绍了javascript实现智能手环时间显示，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

本文实例为大家分享了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>