标签:xa0 timeAddzero js 获取 toString time var 年月日 时分秒
Html部分
<span id="date"></span>
Js部分
var date = document.getElementById('date');//首先获取到HTML里需要插入的节点 var time = new Date;//获取中国标准时间 var Year = time.getFullYear();//获取当前年份 var Month = time.getMonth() + 1;//获取当前月份(+1是因为js中月份是从0开始的) var Day = time.getDate();//获取当前几号 var W = time.getDay();//获取当前星期几 var week = ['零', "一", "二", "三", "四", "五", "六", "日"];//一般星期几都是用汉字写的,这里转换一下汉字 var hour = time.getHours(); //获取系统时 var minute = time.getMinutes(); //获取系统分 var second = time.getSeconds(); //获取系统秒 //字符串拼接,拼接到一起 date.innerHTML = '今天是' + "\xa0\xa0" + Year + '年' + "\xa0\xa0" + Month + '月' + "\xa0\xa0" + Day + '日' + "\xa0\xa0" + '星期' + week[W] + hour + ':' + minute + ':' + second
效果如图:
月/日/时/分/秒如果是单数就很难看,接下来,我们把这些如果是单数的情况下前面加上零
首先把它们转换为字符串
var Month = (time.getMonth() + 1).toString(); var Day = time.getDate().toString(); var hour = time.getHours().toString(); var minute = time.getMinutes().toString(); var second = time.getSeconds().toString();
如果只有个位的话增加零的方法:
function timeAddzero(str) { if (str.length <= 1) { str = '0' + str; } return str }
最后执行函数:
Month = timeAddzero(Month); Day = timeAddzero(Day); hour = timeAddzero(hour); minute = timeAddzero(minute); second = timeAddzero(second);
效果如下:我只等秒
接下来我们让时间动起来:
使用定时器每秒向页面写入一次时间setInterval("clock()", 1000);
效果嘛!不会录屏你们自己看吧
下面是完整代码:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Time</title> </head> <body> <span id="date"></span> </body> </html> <script> function clock() { var date = document.getElementById('date');//首先获取到HTML里需要插入的节点 var time = new Date;//获取中国标准时间 var Year = time.getFullYear();//获取当前年份 var Month = (time.getMonth() + 1).toString();//获取当前月份(+1是因为js中月份是从0开始的) var Day = time.getDate().toString();//获取当前几号 var W = time.getDay();//获取当前星期几 var week = ['零', "一", "二", "三", "四", "五", "六", "日"];//一般星期几都是用汉字写的,这里转换一下汉字 var hour = time.getHours().toString(); //获取系统时 var minute = time.getMinutes().toString(); //获取系统分 var second = time.getSeconds().toString(); //获取系统秒 function timeAddzero(str) { if (str.length <= 1) { str = '0' + str; } return str } Month = timeAddzero(Month); Day = timeAddzero(Day); hour = timeAddzero(hour); minute = timeAddzero(minute); second = timeAddzero(second); //字符串拼接,拼接到一起 date.innerHTML = '今天是' + "\xa0\xa0" + Year + '年' + "\xa0\xa0" + Month + '月' + "\xa0\xa0" + Day + '日' + "\xa0\xa0" + '星期' + week[W] + hour + ':' + minute + ':' + second } //使用定时器每秒想页面写入一次时间 setInterval("clock()", 1000); </script>
注: \xa0 这个是字符串拼接的空格,需要地方自行添加
完结,撒花!!!
标签:xa0,timeAddzero,js,获取,toString,time,var,年月日,时分秒 来源: https://www.cnblogs.com/wulicute-TS/p/11871828.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。