纯js实现动态时间显示


Posted in Javascript onSeptember 07, 2020

本文实例为大家分享了js动态时间显示 的具体代码,供大家参考,具体内容如下

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>js动态时间显示 </title>
</head>

<body id = "show">
 
<script>
 
 
 function run(){
 var time = new Date();//获取系统当前时间
 var year = time.getFullYear();
 var month = time.getMonth()+1;
 var date= time.getDate();//系统时间月份中的日
 var day = time.getDay();//系统时间中的星期值
 var weeks = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
 var week = weeks[day];//显示为星期几
 var hour = time.getHours();
 var minutes = time.getMinutes();
 var seconds = time.getSeconds();
 console.log(seconds);
 if(month<10){
 month = "0"+month; 
 }
 if(date<10){
 date = "0"+date; 
 }
 if(hour<10){
 hour = "0"+hour; 
 }
 if(minutes<10){
 minutes = "0"+minutes; 
 }
 if(seconds<10){
 seconds = "0"+seconds; 
 }
 //var newDate = year+"年"+month+"月"+date+"日"+week+hour+":"+minutes+":"+seconds;
 document.getElementById("show").innerHTML = year+"年"+month+"月"+date+"日"+week+hour+":"+minutes+":"+seconds;
 setTimeout('run()',1000);
 }
 
 run();

 
 
</script>
</body>
</html>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js通过地址栏给action传值(中文乱码全是问号)
May 02 Javascript
JS注释所产生的bug 即使注释也会执行
Nov 19 Javascript
JavaScript通过字符串调用函数的实现方法
Mar 18 Javascript
javascript判断网页是关闭还是刷新
Sep 12 Javascript
移动手机APP手指滑动切换图片特效附源码下载
Nov 30 Javascript
详解js中构造流程图的核心技术JsPlumb
Dec 08 Javascript
详解JavaScript数组过滤相同元素的5种方法
May 23 Javascript
vue动态路由:路由参数改变,视图不更新问题的解决
Nov 05 Javascript
Angular5整合富文本编辑器TinyMCE的方法(汉化+上传)
May 26 Javascript
vue实现单一筛选、删除筛选条件
Oct 26 Javascript
javascript实现京东快递单号的查询效果
Nov 30 Javascript
解决await在forEach中不起作用的问题
Feb 25 Javascript
深入理解Angular.JS中的Scope继承
Jun 04 #Javascript
yarn的使用与升级Node.js的方法详解
Jun 04 #Javascript
npm国内镜像 安装失败的几种解决方案
Jun 04 #Javascript
Angular 4依赖注入学习教程之InjectToken的使用(八)
Jun 04 #Javascript
Angular 4依赖注入学习教程之ValueProvider的使用(七)
Jun 04 #Javascript
Angular 4依赖注入学习教程之Injectable装饰器(六)
Jun 04 #Javascript
Angular 4依赖注入学习教程之FactoryProvider配置依赖对象(五)
Jun 04 #Javascript
You might like
从康盛产品(discuz)提取出来的模板类
2011/06/28 PHP
php使用google地图应用实例
2014/12/31 PHP
PHP简单实现合并2个数字键数组值的方法
2017/05/30 PHP
PHP使用redis消息队列发布微博的方法示例
2017/06/22 PHP
aspx中利用js实现确认删除代码
2010/07/22 Javascript
Pro JavaScript Techniques学习笔记
2010/12/28 Javascript
JQuery中根据属性或属性值获得元素(6种情况获取方法)
2013/01/17 Javascript
JQuery中使用Ajax赋值给全局变量异常的解决方法
2014/01/10 Javascript
JavaScript中按位“异或”运算符使用介绍
2014/03/14 Javascript
javascript控制台详解
2015/06/25 Javascript
Angular-Ui-Router+ocLazyLoad动态加载脚本示例
2017/03/02 Javascript
基于node.js实现微信支付退款功能
2017/12/19 Javascript
JavaScript指定断点操作实例教程
2018/09/18 Javascript
你了解vue3.0响应式数据怎么实现吗
2019/06/07 Javascript
微信小程序项目总结之记账小程序功能的实现(包括后端)
2019/08/20 Javascript
IntelliJ IDEA编辑器配置vue高亮显示
2019/09/26 Javascript
Vue实现移动端拖拽交换位置
2020/07/29 Javascript
详解如何使用React Hooks请求数据并渲染
2020/10/18 Javascript
微信小程序canvas实现签名功能
2021/01/19 Javascript
[00:31]DOTA2上海特级锦标赛 Fnatic战队宣传片
2016/03/04 DOTA
Python里disconnect UDP套接字的方法
2015/04/23 Python
简介Python的collections模块中defaultdict类型的用法
2016/07/07 Python
python如何查看系统网络流量的信息
2016/09/12 Python
Python简单生成8位随机密码的方法
2017/05/24 Python
Python实现PS滤镜中马赛克效果示例
2018/01/20 Python
详解Python3.6安装psutil模块和功能简介
2018/05/30 Python
详解如何用canvas画一个微笑的表情
2019/03/14 HTML / CSS
BASIC HOUSE官方旗舰店:韩国著名的服装品牌
2018/09/27 全球购物
Myprotein法国官网:欧洲第一运动营养品牌
2019/03/26 全球购物
全国税务系统先进集体事迹材料
2014/05/19 职场文书
电大奖学金获奖感言
2014/08/14 职场文书
2014年防汛工作总结
2014/12/08 职场文书
检讨书怎么写
2015/05/07 职场文书
浅谈pytorch中stack和cat的及to_tensor的坑
2021/05/20 Python
2021好看的国漫排行榜前十名 《完美世界》上榜,《元龙》排名第一
2022/03/18 国漫
win10识别不了U盘怎么办 win10系统读取U盘失败的解决办法
2022/08/05 数码科技