JS基础之在页面显示当前时间,并同步当前时间

逃离我推掉我的手 2021-09-15 18:36 546阅读 0赞

<!DOCTYPE html>
    <html lang="zh-CN">
    <head>
    	<meta charset="UTF-8">
    	<title>Document</title>
    </head>
    <body>
    	
    </body>
    <script>
    	//同步当前设备的时间		
            setInterval(function(){
            var date = new Date();
    		var year =date.getFullYear();
    		var month =date.getMonth();
    		var day = date.getDate();
    		var hours = date.getHours();
    		var minutes = date.getMinutes();
    		var seconds = date.getSeconds();
    
    		//当以下的长度等于1的时,为前面补0
    		if(month.toString().length==1){
    			month="0"+(month+1);
    		}
    		if(day.toString().length==1){
    			day="0"+(day);
    		}
    		if(hours.toString().length==1){
    			hours="0"+(hours);
    		}
    		if(minutes.toString().length==1){
    			minutes="0"+(minutes);
    		}
    		if(seconds.toString().length==1){
    			seconds="0"+(seconds);
    		}
           
            var time = year+"/"+month+"/"+day+"  "+hours+":"+minutes+":"+seconds
           	 document.body.innerHTML=time;
            },1000);
    
    </script>
    </html>

![70][]

[70]: /images/20210813/945407048f6a42738b514928e77ab024.png

发表评论取消回复

表情：

评论列表（有 0 条评论，546人围观）

还没有评论，来说两句吧...

相关阅读

相关在页面显示当前时间

<%@ page language="java" import="java.util." pageEncoding="UTF-8"%> <!DOCTYPE ht

系统管理员/ 2024年02月19日 13:02/ 0 赞/ 59 阅读

相关 JavaScript显示当前时间

JS显示当前时间控制器 javascript显示当前电脑时间：xxx年xxx月xxx日xxx时xxx分xxx秒，并用input标签中的button样式控制时间的暂停

左手的ㄟ右手/ 2023年01月17日 10:57/ 0 赞/ 218 阅读

相关 JS 获取当前时间并格式化

获取当前的日期时间格式“YYYY-MM-DD HH:MM:SS” function getNowFormatDate() \{ var date = new D

蔚落/ 2022年07月14日 02:28/ 0 赞/ 333 阅读

相关在jsp页面/input显示当前时间(初始换时间格式)

在页面的某个地方显示当前时间(实时刷新) 1.在jsp页面显示当前时间 <div class="container" style="text-align:

本是古典何须时尚/ 2022年05月27日 05:41/ 0 赞/ 1249 阅读

相关 html页面 js显示当前系统的时间

> <div id="datetime"> > <script> > setInterval("document.getElem

谁践踏了优雅/ 2022年04月03日 02:38/ 0 赞/ 312 阅读

相关 js显示当前时间农历日期

可直接复制HTML+js到页面中，查看效果效果如下： ![在这里插入图片描述][20190125141641842.png] 只显示日期，查看： [https

朴灿烈づ我的快乐病毒、/ 2022年03月22日 02:21/ 0 赞/ 482 阅读

相关 JSP获得当前时间并显示

<%@page import="java.text.SimpleDateFormat"%> <%@page import="java.util."%>

向右看齐/ 2021年09月30日 12:06/ 0 赞/ 487 阅读

相关 ireport显示当前时间

在做ireport打印的时候，经常会遇到需要显示当前的时间，ireport已经自带该功能，可以轻松搞定。 1.在组件面板里面找到Text Field，然后放到模板中 !

系统管理员/ 2021年09月28日 15:26/ 0 赞/ 527 阅读

相关 JS基础之将当前时间显示在表盘上,并且表盘会同步当前时间

![70][] <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

Myth丶恋晨/ 2021年09月15日 18:38/ 0 赞/ 384 阅读

相关 JS基础之在页面显示当前时间,并同步当前时间

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8">

逃离我推掉我的手/ 2021年09月15日 18:36/ 0 赞/ 547 阅读