讲师中心 微信公众号
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机游戏
最近更新
当前位置：首页 > web前端 > js教程 >

正文

0

0

用js显示当前系统时间

一个新手

一个新手

发布时间：2017-09-11 10:11:57

|

1715人浏览过

|

来源于php中文网

原创

效果图：






无标题文档

 
//定义函数：构建要显示的时间日期字符串
function showTime()
{
 //创建Date对象
 var today = new Date();
 //分别取出年、月、日、时、分、秒
 var year = today.getFullYear();
 var month = today.getMonth()+1;
 var day = today.getDate();
 var hours = today.getHours();
 var minutes = today.getMinutes();
 var seconds = today.getSeconds();
 //如果是单个数，则前面补0
 month  = month<10 ? "0"+month : month;
 day = day <10  ? "0"+day : day;
 hours = hours<10  ? "0"+hours : hours;
 minutes= minutes<10 ? "0"+minutes : minutes;
 seconds= seconds<10 ? "0"+seconds : seconds;
   //构建要输出的字符串
 varstr = year+"年"+month+"月"+day+"日 "+hours+":"+minutes+":"+seconds;
   //获取id=result的对象
 varobj = document.getElementById("result");
 //将str的内容写入到id=result的
中去
 obj.innerHTML = str;
 //延时器
 window.setTimeout("showTime()",1000);
}


#result{
 width:500px;
 border:1px solid #CCCCCC;
 background:#FFFFCC;
 margin:50px auto;
 font-size:24px;
 color:#FF0000;
 padding:20px;
}

相关文章

JavaScript类如何定义_与传统构造函数有何区别【教程】

什么是javascript解构赋值_如何从数组和对象中提取值【教程】

javascript为何要使用严格模式【教程】

为什么使用javascript_它在前端开发中的作用是什么【教程】

什么是模块化javascript_如何导入和导出模块【教程】

相关标签:

javascript

本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：Express发展历程 下一篇：用jquery和bootstrap写一个简单备忘录

作者最新文章

JavaScript数组去重算法实例

2018-05-23 14:56

如何解决关于thinkphp模型中hasOne中字段同名的问题

2018-05-23 16:49

关于Js中 find 方法不支持IE的问题

2018-05-23 15:42

Centos下yum怎么安装php7？

2018-05-18 11:30

通过手机浏览器打开APP或者跳转到下载页面的实现

2018-05-28 17:47

从给数组中的对象去重看js中的reduce()

2018-05-19 17:05

还原数据库，数据库提示正在还原中的处理方法

2018-05-18 15:44

如何解决vue 集成 axios 发送post请求 payload导致后台无法接收到数据问题

2018-05-19 14:46

Javascript中pixi框架初探

2018-05-19 13:54

JavaScript实现“创意时钟”项目

2018-05-30 14:36

热门AI工具

更多
DeepSeek

DeepSeek

幻方量化公司旗下的开源大模型平台

AI大模型

开放平台
豆包大模型

豆包大模型

字节跳动自主研发的一系列大型语言模型

AI大模型
通义千问

通义千问

阿里巴巴推出的全能AI助手

AI大模型
腾讯元宝

腾讯元宝

腾讯混元平台推出的AI助手

文档处理

Excel 表格
文心一言

文心一言

文心一言是百度开发的AI聊天机器人，通过对话可以生成各种形式的内容。

AI大模型

中文写作
讯飞写作

讯飞写作

基于讯飞星火大模型的AI写作工具，可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

中文写作

写作工具
即梦AI

即梦AI

一站式AI创作平台，免费AI图片和视频生成。

图片拼接

图画生成
ChatGPT

ChatGPT

最最强大的AI聊天机器人程序，ChatGPT不单是聊天机器人，还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

AI大模型

中文写作
智谱清言 - 免费全能的AI助手

智谱清言 - 免费全能的AI助手

智谱清言 - 免费全能的AI助手

AI大模型

PDF 文档

相关专题

更多
html编辑相关教程合集
html编辑相关教程合集

本专题整合了html编辑相关教程合集，阅读专题下面的文章了解更多详细内容。

16

2026.01.21

三角洲入口地址合集
三角洲入口地址合集

本专题整合了三角洲入口地址合集，阅读专题下面的文章了解更多详细内容。

17

2026.01.21

AO3中文版入口地址大全
AO3中文版入口地址大全

本专题整合了AO3中文版入口地址大全，阅读专题下面的的文章了解更多详细内容。

215

2026.01.21

妖精漫画入口地址合集
妖精漫画入口地址合集

本专题整合了妖精漫画入口地址合集，阅读专题下面的文章了解更多详细内容。

57

2026.01.21

java版本选择建议
java版本选择建议

本专题整合了java版本相关合集，阅读专题下面的文章了解更多详细内容。

3

2026.01.21

Java编译相关教程合集
Java编译相关教程合集

本专题整合了Java编译相关教程，阅读专题下面的文章了解更多详细内容。

14

2026.01.21

C++多线程相关合集
C++多线程相关合集

本专题整合了C++多线程相关教程，阅读专题下面的的文章了解更多详细内容。

6

2026.01.21

无人机驾驶证报考 uom民用无人机综合管理平台官网
无人机驾驶证报考 uom民用无人机综合管理平台官网

无人机驾驶证（CAAC执照）报考需年满16周岁，初中以上学历，身体健康（矫正视力1.0以上，无严重疾病），且无犯罪记录。个人需通过民航局授权的训练机构报名，经理论（法规、原理）、模拟飞行、实操（GPS/姿态模式）及地面站训练后考试合格，通常15-25天拿证。

22

2026.01.21

Python多线程合集
Python多线程合集

本专题整合了Python多线程相关教程，阅读专题下面的文章了解更多详细内容。

1

2026.01.21

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

相关下载

更多
JS显示多个国家时区当前时间代码
简洁的js时钟效果
jQuery css3带日期时钟插件
js+cookie实现页脚固定广告条代码
js+css3带星期和日期时钟代码

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 3.9万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 2.4万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3万人学习

最新文章

更多
如何在 React 中将子组件中的数组安全传递到父组件 App.js
javascript如何操作数字_如何避免浮点数精度问题【教程】
如何在 React 中通过外部函数动态更新并渲染组件内的数组元素
Chart.js 实时数据图表：限制显示点数并保留历史数据供缩放查看
动态调整 textarea 高度的原理与实现
Puppeteer 页面元素文本动态加载导致取值不稳定的解决方案
让 <textarea> 自动适配内容高度的原理与实现
Puppeteer网页元素文本动态加载导致取值不稳定问题的解决方案
JavaScript中布尔值与正则匹配结果的隐式类型转换陷阱
JavaScript中布尔值比较的陷阱：!= 运算符如何隐式转换数组与布尔值
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部