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>