js获取并在页面显示实时时间

约定不等于承诺〃 2021-09-18 15:56 429阅读 0赞

# js获取并在页面显示实时时间 #

<!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>js获取并在页面显示实时时间</title>
    	<script>
    		// 方法一（不刷新）
    		// var d = new Date();
    		// document.write(d);
    		// document.write(d.getHours()+":"+d.getMinutes());
    
    		// 方法二（实时刷新）SetInterval为自动重复，setTimeout不会重复。
    		// window.onload加载事件在页面内容加载完成之后立即执行以下函数
    		window.function(){
    			// 每隔1秒执行一次函数
    			setInterval(function(){
    				var demo = document.getElementById("demo");// 获取DOM
    				var time = new Date();					   //获取当日的日期和时间
    				var h = time.getHours();				   //获取Date对象当日的小时
    				var m = time.getMinutes();				   //获取Date对象当日的分钟
    				var s = time.getSeconds();				   //获取Date对象当日的小时毫秒
    				demo.innerHTML=h+":"+m+" "+s;			   //使用innerHTML将内容写p标签DOM节点，不会导致页面重绘。
    				// 附：document.write()和document.innerHTML()的区别：document.write()是直接写入页面的内容流，如果写之前没有调用document.open，浏览器会自动调用open。每次写完关闭之后重新调用该函数，会导致页面被重写。
    			},1000)// 设定1秒后再次执行一次代码
    		}
    	</script>
    </head>
    <body>
    	
    	<p id="demo"></p>
    </body>
    </html>

发表评论取消回复

表情：

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

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

相关阅读

相关在页面显示当前时间

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

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

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

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

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

相关页面获取图片并显示

页面获取图片并显示开发工具与关键技术： Visual Studio 2015 – Jquery 作者：廖亚星撰写时间：2019年 6 月 22 日在做

￡神魔★判官ぃ/ 2022年10月03日 00:41/ 0 赞/ 236 阅读

相关实时显示时间（HTML+JS）

原文地址：[http://blog.csdn.net/qq\_35952946/article/details/56012654][http_blog.csdn.net_qq

男娘i/ 2022年05月30日 11:11/ 0 赞/ 360 阅读

相关 js获取页面窗口尺寸、并可以根据页面变化实时获取

文章转自：[https://www.cnblogs.com/wujindong/p/5592908.html][https_www.cnblogs.com_wujindong_

傷城~/ 2022年03月02日 09:38/ 0 赞/ 278 阅读

相关在一个页面中实时获取系统时间

实时获取系统的时间用Date来获取时间，可以直接输出，但是是没有经过转换过的格式。要变成你所想要的，还得调用一些方法。下面是一个简单的例子 <sc

以你之姓@/ 2022年02月23日 11:38/ 0 赞/ 259 阅读

相关获取当前时间并实时更新

//首页获取当前时间并实时更新 function currentTime()\{ var myDate = new Date;

客官°小女子只卖身不卖艺/ 2022年01月20日 05:07/ 0 赞/ 408 阅读

相关 js获取并在页面显示实时时间

js获取并在页面显示实时时间 <!DOCTYPE html> <html lang="en"> <head> <meta charset

约定不等于承诺〃/ 2021年09月18日 15:56/ 0 赞/ 430 阅读

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

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

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

相关 Vue - 获取当前时间，并实时刷新

一. Vue 中如何获取当前时间，并实时更新当前时间 1. `data` 生命周期中定义两个变量 data() { ret

我不是女神ヾ/ 2021年07月25日 19:04/ 0 赞/ 960 阅读