【响应式Web前端设计】在html页面实时显示系统时间

在html页面实时显示系统时间

桌面新建记事本,将下列代码复制粘贴,重命名后缀为.html,保存,用浏览器打开即可

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>系统时间</title>
</head>
<body>
<div id="datetime">
    <script>
        setInterval("document.getElementById('datetime').innerHTML=new Date().toLocaleString();", 1000);
    </script>
</div>
</body>

代码解析:

new Date()是取现在系统时间的实例,其格式为:
	显示的结果是:Mar 31 10:10:43 UTC+0800 2018 这种格式的时间
但是当这种对象参加计算后就会自动改变格式为:年月日 时分秒

toLocaleString()便是将该对象在本地打印,自动转换了格式为:
	2018/11/5 下午1:18:17201811513:19:14 (取决于不同的浏览器)
这个方法是循环方法,后面的1000是毫秒数,每单位毫秒数执行一次前面的xxx

setInterval("xxx",1000);
这句话的操作就是,每1000毫秒(1),取当前时间打印更新在页面该标签里
李响Superb CSDN认证博客专家 机器学习 TensorFlow 图像处理
成为一名优秀的算法工程师⬆️ ,
目前还在读软件工程,
AI攻防、算法和深度学习方向,
微博同名❤️ :李响Superb,
(记得关注,有问题微博私信!)
我们一起努力呀!
已标记关键词 清除标记
相关推荐
你是否也曾想过自己创建网页,但却苦于没有经验?那么从现在开始学习吧!本书由浅入深地讲解了Web设计的一些重要概念、基本原理,以及HTML、CSS和JavaScript的具体使用方法与技巧。当你读完本书后,将会掌握创建适用于移动设备的多列页面的技巧。 《Web前端工程师修炼之道(原书第4版)》将帮助你学习如何使用最新技术、最佳实践经验,以及当今的Web标准,其中包括HTML5和CSS3。每章都提供一些练习和小测验,帮助你了解不同的技术,巩固你对重要概念的理解。 作者对本版内容做了全面更新和修订,涵盖Web前端开发所需的一切,无论是初学者,还是想提高已有技能的专业开发人员,本书都是理想的选择。 《Web前端工程师修炼之道(原书第4版)》主要内容: ■使用文本、链接、图像、表格和表单来创建HTML页面 ■使用CSS调整颜色、背景、格化文本、页面布局,甚至是实现简单的动画效果 ■学习新的HTML5元素、API和CSS3属性——它们改变了Web页面处理方 ■创建响应Web设计,使得页面可以在移动设备上得到良好显示 ■学习JavaScript的工作原理及其在Web设计中的重要性 ■创建并优化Web图像,加快图像下载速度 全书分5部分共22章。第一部分从HTML基本知识讲起,首先让读者快速掌握常见的HTML标记,之后重点介绍了HTML表格与表单。第二部分介绍了HTML定义、标记语言,以及如何给网页添加图片、链接、表单等基本内容。第三部分涉及网页制作的高级部分,包括层叠样表、格文本、颜色和背景、边框和边距、浮动和定位、CSS页面布局、变换和动画、CSS技术等高级话题。第四部分介绍了JavaScript技术,从最基础的程序语法开始,使读者能很快地融入到编程的环境中。利用JavaScript做出常用的网页动态效果。第五部分介绍了网页图形制作,包括Web图形制作的基础知识。
©️2020 CSDN 皮肤主题: 猿与汪的秘密 设计师:白松林 返回首页
实付 9.90元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值