纯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 日期计算算法
Sep 11 Javascript
jQuery 表格工具集
Apr 25 Javascript
js中用window.open()打开多个窗口的name问题
Mar 13 Javascript
js生成动态表格并为每个单元格添加单击事件的方法
Apr 14 Javascript
js clearInterval()方法的定义和用法
Nov 11 Javascript
javascript实现的上下无缝滚动效果
Sep 19 Javascript
微信小程序开发之map地图实现教程
Jun 08 Javascript
Vue.js中对css的操作(修改)具体方式详解
Oct 30 Javascript
jQuery实现上下滚动公告栏详细代码
Nov 21 jQuery
django中使用vue.js的要点总结
Jul 07 Javascript
分享一款超好用的JavaScript 打包压缩工具
Apr 26 Javascript
js实现简易计算器小功能
Nov 18 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实现的简单缓存类
2015/07/29 PHP
分享ThinkPHP3.2中关联查询解决思路
2015/09/20 PHP
高质量PHP代码的50个实用技巧必备(上)
2016/01/22 PHP
PHP实现二维数组中的查找算法小结
2018/06/09 PHP
TP5框架安全机制实例分析
2020/04/05 PHP
jquery判断单个复选框是否被选中的代码
2009/09/03 Javascript
JS中Iframe之间传值及子页面与父页面应用
2013/03/11 Javascript
javascript常用方法总结
2015/05/14 Javascript
nodejs初步体验篇
2015/11/23 NodeJs
第一次接触神奇的Bootstrap
2016/10/14 Javascript
Node.js常用工具之util模块
2017/03/09 Javascript
javascript 中的继承实例详解
2017/05/05 Javascript
vue2.0$nextTick监听数据渲染完成之后的回调函数方法
2018/09/11 Javascript
jQuery easyui datagird编辑行删除行功能的实现代码
2018/09/20 jQuery
原生js通过一行代码实现简易轮播图
2019/06/05 Javascript
微信小程序如何刷新当前界面的实现方法
2019/06/07 Javascript
layui实现数据表格隐藏列的示例
2019/10/25 Javascript
简单了解JS打开url的方法
2020/02/21 Javascript
Python实现控制台输入密码的方法
2015/05/29 Python
Python中list初始化方法示例
2016/09/18 Python
Python实现的读取电脑硬件信息功能示例
2018/05/30 Python
python字典的setdefault的巧妙用法
2019/08/07 Python
在macOS上搭建python环境的实现方法
2019/08/13 Python
python单例模式原理与创建方法实例分析
2019/10/26 Python
Python面向对象程序设计之继承、多态原理与用法详解
2020/03/23 Python
利用python+ffmpeg合并B站视频及格式转换的实例代码
2020/11/24 Python
英国二手物品交易网站:Preloved
2017/10/06 全球购物
Dune London官网:英国著名奢华鞋履品牌
2017/11/30 全球购物
程序员求职信
2014/04/16 职场文书
一份教室追逐打闹的检讨书
2014/09/27 职场文书
通讯稿格式及范文
2015/07/22 职场文书
python 实现德洛内三角剖分的操作
2021/04/22 Python
解决Pytorch中关于model.eval的问题
2021/05/22 Python
Python实现灰色关联分析与结果可视化的详细代码
2022/03/25 Python
Tomcat弱口令复现及利用
2022/05/06 Servers
Nginx代理Redis哨兵主从配置的实现
2022/07/15 Servers