javascript实现智能手环时间显示
更新时间：2020年09月18日 11:59:27 作者：疯人Gort
这篇文章主要为大家详细介绍了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>
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了JS+CSS实现电子商务网站导航模板效果代码,涉及JavaScript结合css动态操作页面元素属性的相关技巧,非常具有实用价值,需要的朋友可以参考下2015-09-09
这篇文章主要介绍了JS实现的进制转换，浮点数相加，数字判断操作,结合实例形式分析了JavaScript数值运算、判断相关操作技巧,需要的朋友可以参考下2019-11-11
这篇文章主要介绍了javascript变量声明,实例分析了javascript变量声明的相关使用技巧,需要的朋友可以参考下2015-04-04
JavaScript中的垃圾回收机制负责自动管理内存，回收不再使用的对象所占用的内存空间。本文主要介绍了JS中垃圾回收机制的相关知识，需要的可以参考一下2023-04-04
这篇文章主要介绍了javascript实现链接单选效果的方法,可实现点击链接改变其背景色的功能,同时可禁用对应链接的跳转,需要的朋友可以参考下2015-05-05
本文主要介绍了Echart中国地图更换背景图的方法示例，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-03-03
实现JS拖拽插件主要从六个方面做介绍：一、js拖拽插件的原理，二、根据原理实现的最基本效果，三、代码抽象与优化，四、扩展：有效的拖拽元素，五、性能优化和总结，六、jquery插件化 ,需要的朋友可以参考下2015-08-08
这篇文章主要为大家详细介绍了js实现非常棒的弹出div，具有一定的参考价值，感兴趣的朋友可以参考一下2016-10-10
JavaScript操作XML 使用百度RSS作为新闻源示例
JavaScript操作XML 使用百度RSS作为新闻源示例,需要的朋友可以参考下2012-02-02
这篇文章主要介绍了微信小程序实现长按 识别图片二维码(两种方案),第一种方案只需要在image里面加一个属性就可以了,本文结合实例代码介绍的非常详细,需要的朋友可以参考下2024-01-01
最新评论