分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

原生js获取系统时间

发布时间:2023-09-06 01:33责任编辑:熊小新关键词:js

关于时间日常项目中可能会有很多需求,今天就写一个最简单的,将系统时间写入到页面上。直接来看js代码:

<script> ???window.onload=function(){ ???????var Body=document.body; ???????//把获取出的时间封装为一个函数,方便加定时器让其自动循环 ???????function Time(){ ???????????var str=""; ???????????var myTime=new Date(); ???????????var iYear = myTime.getFullYear(); ???????????var iMonth = myTime.getMonth()+1; ???????????var iDate = myTime.getDate(); ???????????var iWeek = myTime.getDay(); ???????????var iHours = myTime.getHours(); ???????????var iMin = myTime.getMinutes(); ???????????var iSec = myTime.getSeconds(); ???????????//getDay是从0开始的,所以要判断星期 ???????????if( iWeek === 0 ) iWeek = ‘星期日‘; ???????????if( iWeek === 1 ) iWeek = ‘星期一‘; ???????????if( iWeek === 2 ) iWeek = ‘星期二‘; ???????????if( iWeek === 3 ) iWeek = ‘星期三‘; ???????????if( iWeek === 4 ) iWeek = ‘星期四‘; ???????????if( iWeek === 5 ) iWeek = ‘星期五‘; ???????????if( iWeek === 6 ) iWeek = ‘星期六‘; ???????????str = iYear+ ‘年‘ +iMonth+‘月‘+iDate+‘日 ‘+iWeek+‘ ‘+ toTwo(iHours)+‘ : ‘+ toTwo(iMin)+‘ : ‘+ toTwo(iSec); ???????????Body.innerHTML=str; ???????} ???????//加定时器,自动循环 ???????setInterval(Time,1000); ???????Time(); ???}; ???//这里对单数0-9的判断,让其前面加0 ???function toTwo ( n ) { ???????return n < 10 ? ?‘0‘ + n : ‘‘ + n; ???}</script>

这样就可以了,具体该注意的地方在注释上已经写清楚了。最简单的写法希望对大家有帮助!

原生js获取系统时间

原文地址:https://www.cnblogs.com/web001/p/8137545.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved