使用javascript在网页上显示时间

短命女 2022-05-14 23:26 288阅读 0赞

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    	</head>
    	<body>
    			<span id="date1">
    			</span>
    			
    		<script >
    		
    			function $(num1){
    				return num1<10?"0"+num1:num1;
    			}
    			
    			function setTime(){
    				var date = new Date();
    				var year = date.getFullYear();
    				var month = date.getMonth()+1;
    				var day = date.getDate();//在使用天数的时候使用date来得到
    				var week = date.getDay();//getday得到的是一周内的第几天
    				console.log();
    				var hour = date.getHours();
    				var minute = date.getMinutes();
    				var second = date.getSeconds();
    				var time = year+"-"+$(month)+'-'+$(day)+"  "+$(hour)+":"+$(minute)+":"+$(second);
    				document.getElementById("date1").innerHTML=time;
    			}
    			setTime();
    			setInterval('setTime()',500);
    		</script>
    	</body>
    </html>

使用javascript的一个小技巧，先是获取各个时间，在通过函数结合在一起，然后通过document.getElementById（）.innerHTML=结合后时间。来打印。

注意的是，在使用setinterval（）之前需要调用一次函数（为了防止页面一开始打开时空白）。

发表评论取消回复

表情：

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

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

相关阅读

相关 JavaScript——在页面上实现一个显示当前时间的动态时钟

利用setInterval()函数实现动态时钟 setInterval(function() { }, 1000)//1000毫秒，一秒刷新一次

矫情吗；*/ 2024年04月06日 12:30/ 0 赞/ 55 阅读

相关网页显示当前时间

有点弱智了，还是记下来，以后也许用得到。 Code: 1. <script language=JavaScript> 2. today=new Date(); 3.

柔情只为你懂/ 2024年02月17日 20:06/ 0 赞/ 48 阅读

相关 JavaScript显示当前时间

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

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

相关【HTML】获取当前时间并显示在网页上

首先在页面中我们直接写一个标签，然后给标签定义一个id，这里我们用什么标签都可以，我们就用<span></span>演示吧，代码如下： <span id="c

ゝ一世哀愁。/ 2022年12月25日 13:00/ 0 赞/ 223 阅读

相关在网页上显示当前日期

js代码 <script type="text/javascript"> function getCurrentTime(){ var date =

怼烎@/ 2022年08月22日 04:46/ 0 赞/ 198 阅读

相关在网页上显示公式的方法

转自：[http://www.iyear.net/bencandy.php?fid=8&aid=61][http_www.iyear.net_bencandy.php_fid_

柔光的暖阳◎/ 2022年08月07日 01:56/ 0 赞/ 390 阅读

相关网页中如何用javascript显示时间

时钟的制作可以称得上是js制作动画的核心了，主要涉及到这几个函数setTimeout（）和setInterval(),clearTimeout()和clearTimeout()

我不是女神ヾ/ 2022年08月03日 05:09/ 0 赞/ 175 阅读

相关 js时间处理ios系统网页上时间显示Nan问题

js时间处理ios系统网页上时间显示Nan问题 1 正常的处理如下： var regTime = result.RegTime; var dRegTim

超、凢脫俗/ 2022年06月03日 10:41/ 0 赞/ 533 阅读

相关使用javascript在网页上显示时间

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></t

短命女/ 2022年05月14日 23:26/ 0 赞/ 289 阅读

相关使用Javascript显示时间

how to use javascript show the time? code: < html > < head > < script type ="

今天药忘吃喽~/ 2021年11月16日 12:40/ 0 赞/ 529 阅读