纯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 相关文章推荐
Javascript 读书笔记索引贴
Jan 11 Javascript
基于JQuery的Select选择框的华丽变身
Aug 23 Javascript
JS弹出窗口代码大全(详细整理)
Dec 21 Javascript
javascript下拉列表中显示树形菜单的实现方法
Nov 17 Javascript
Vue.js组件tree实现省市多级联动
Dec 02 Javascript
JS实现简单抖动效果
Jun 01 Javascript
json前后端数据交互相关代码
Sep 19 Javascript
基于node+websocket+html实现腾讯课堂聊天室聊天功能
Mar 04 Javascript
详解vue中在循环中使用@mouseenter 和 @mouseleave事件闪烁问题解决方法
Apr 07 Javascript
js实现车辆管理系统
Aug 26 Javascript
vue+echarts+datav大屏数据展示及实现中国地图省市县下钻功能
Nov 16 Javascript
四十九个javascript小知识实用技巧
Nov 20 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
PHP反射类ReflectionClass和ReflectionObject的使用方法
2013/11/13 PHP
网页上facebook分享功能具体实现
2014/01/26 PHP
使用php批量删除数据库下所有前缀为prefix_的表
2014/06/09 PHP
成为好程序员必须避免的5个坏习惯
2014/07/04 PHP
ThinkPHP添加更新标签的方法
2014/12/05 PHP
Ubuntu上安装yaf扩展的方法
2018/01/29 PHP
因str_replace导致的注入问题总结
2019/08/08 PHP
javascript 混合的构造函数和原型方式,动态原型方式
2009/12/07 Javascript
jquery png 透明解决方案(推荐)
2010/08/21 Javascript
JavaScript高级程序设计 阅读笔记(二十) js错误处理
2012/08/14 Javascript
Checbox的操作含已选、未选及判断代码
2013/11/07 Javascript
提高jQuery性能的十个诀窍
2013/11/14 Javascript
jQuery 回车事件enter使用示例
2014/02/18 Javascript
Node.js实现JS文件合并小工具
2016/02/02 Javascript
深入理解AngularJS中的ng-bind-html指令和$sce服务
2016/09/08 Javascript
Jquery和Js获得元素标签名称的方法总结
2016/10/08 Javascript
CodeMirror js代码加亮使用总结
2017/03/25 Javascript
JS中type=&quot;button&quot;和type=&quot;submit&quot;的区别
2017/07/04 Javascript
原生JS实现简单的倒计时功能示例
2018/08/30 Javascript
JavaScript的Proxy可以做哪些有意思的事儿
2019/06/15 Javascript
微信小程序swiper使用网络图片不显示问题解决
2019/12/13 Javascript
JS面向对象编程实现的拖拽功能案例详解
2020/03/03 Javascript
Ubuntu 下 vim 搭建python 环境 配置
2017/06/12 Python
python  Django中的apps.py的目的是什么
2018/10/15 Python
Python数据结构与算法(几种排序)小结
2019/06/22 Python
Python3视频转字符动画的实例代码
2019/08/29 Python
使用celery和Django处理异步任务的流程分析
2020/02/19 Python
C++面试题:关于链表和指针
2013/06/05 面试题
教师实习的自我鉴定
2013/10/26 职场文书
季度思想汇报
2014/01/01 职场文书
公开承诺书格式
2014/05/21 职场文书
旅游饭店管理专业自荐书
2014/06/28 职场文书
2015年发展党员工作总结报告
2015/03/31 职场文书
教你怎么用Python处理excel实现自动化办公
2021/04/30 Python
《月歌。》宣布制作10周年纪念剧场版《RABBITS KINGDOM THE MOVIE》
2022/04/02 日漫
什么是Python装饰器?如何定义和使用?
2022/04/11 Python