html语言中钟表怎么做,用html制作12小时制时钟

练习-12小时时钟

var myTime;

function onShowTime1() {

var today = new Date();//返回当前日期和时间 年-月日 小时分秒

var year = today.getFullYear();//返回Date对象的年份，其值为4位数

var month = today.getMonth();//返回Date对象的月份，其值介于0~11之间

var date = today.getDate();//返回Date对象的一个月中的某一天，其值介于1~31之间

var hours = today.getHours();//返回Date对象的小时数，其值介于0~23之间

var minutes = today.getMinutes();//返回Date对象的分钟数，其值介于0~59之间

var seconds = today.getSeconds();//返回Date对象的秒数，其值介于0~59之间

// 年月日 小时:分:秒 上午 星期四

var str = year+"年"+(month+1)+"月"+date+"日 "

+num2Str(hours)+":"+num2Str(minutes)+":"+num2Str(seconds);

// 计算上午或下午

var apm = "上午";//默认是上午

if(hours>12){

apm = "下午";

}

str+=" "+apm;

// 获得周几的中文效果

var week = calcWeek(today);

str+=" "+week;

document.getElementById("div1").innerText = str;

// console.log(today.getDay());

}

// 实现数字小于10时首位补0的操作

function num2Str(num) {

return num>9?num:"0"+num;

}

function calcWeek(today) {

// 1、获得周几的数字

var weekNum = today.getDay();

// 2、获得周几的中文

var result;

// 第一种：

// switch (weekNum){

// case 0:

// result = "星期天";

// break;

// case 1:

// result = "星期一";

// break;

// case 2:

// result = "星期二";

// break;

// case 3:

// result = "星期三";

// break;

// case 4:

// result = "星期四";

// break;

// case 5:

// result = "星期五";

// break;

// case 6:

// result = "星期六";

// break;

// }

// 第二种(推荐)：用数组

var weekArrays = ["星期天","星期一","星期二","星期三","星期四","星期五","星期六"];

result = weekArrays[weekNum];

return result;

}

function onSetInterval(){

// setInterval：

// 第一个参数：设置要调用的函数

// 第二个参数：设置间隔的毫秒数

myTime = window.setInterval("onShowTime1()",1000);

}

function onClearInterval(){

window.clearInterval(myTime);//停止(清除)setInterval的定时器

}

标签：case,12,break,Date,html,result,var,today,时钟

来源： https://blog.csdn.net/weixin_38620439/article/details/94836934