纯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实现雪花飘落效果
Aug 26 Javascript
JavaScript设计模式之单件模式介绍
Dec 28 Javascript
js选项卡的实现方法
Feb 09 Javascript
浅析JavaScript访问对象属性和方法及区别
Nov 16 Javascript
JS动态插入并立即执行回调函数的方法
Apr 21 Javascript
jquery滚动条插件(可以自定义)
Dec 11 Javascript
jQuery插件echarts实现的多柱子柱状图效果示例【附demo源码下载】
Mar 04 Javascript
mac上node.js环境的安装测试
Jul 03 Javascript
javascript按钮禁用和启用的效果实例代码
Oct 29 Javascript
JavaScript ES6中的简写语法总结与使用技巧
Dec 30 Javascript
js的各种数据类型判断的介绍
Jan 19 Javascript
jQuery与原生JavaScript选择HTML元素集合用法对比分析
Nov 26 jQuery
深入理解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(3)
2006/10/09 PHP
第十三节--对象串行化
2006/11/16 PHP
分析PHP中单双引号的误区和双引号小隐患
2016/07/19 PHP
JavaScript弹簧振子超简洁版 完全符合能量守恒,胡克定理
2009/10/25 Javascript
MultiSelect左右选择控件的设计与实现介绍
2013/06/08 Javascript
js 固定悬浮效果实现思路代码
2013/08/02 Javascript
js取消单选按钮选中并判断对象是否为空
2013/11/14 Javascript
javascript避免数字计算精度误差的方法详解
2014/03/05 Javascript
JQuery中serialize()、serializeArray()和param()方法示例介绍
2014/07/31 Javascript
Javascript验证用户输入URL地址是否为空及格式是否正确
2014/10/09 Javascript
浅谈JavaScript的push(),pop(),concat()方法
2016/06/03 Javascript
jQuery基本选择器和层次选择器学习使用
2017/02/27 Javascript
layui表格checkbox选择全选样式及功能的实例
2018/03/07 Javascript
clipboard.js在移动端复制失败的解决方法
2018/06/13 Javascript
手写Vue弹窗Modal的实现代码
2019/09/11 Javascript
Vue-router中hash模式与history模式的区别详解
2020/12/15 Vue.js
使用Python的urllib2模块处理url和图片的技巧两则
2016/02/18 Python
python+selenium开发环境搭建图文教程
2017/08/11 Python
python实现在图片上画特定大小角度矩形框
2018/10/24 Python
Python中的延迟绑定原理详解
2019/10/11 Python
python 统计文件中的字符串数目示例
2019/12/24 Python
Windows+Anaconda3+PyTorch+PyCharm的安装教程图文详解
2020/04/03 Python
jupyter notebook 参数传递给shell命令行实例
2020/04/10 Python
Pandas的Apply函数具体使用
2020/07/21 Python
python MD5加密的示例
2020/10/19 Python
HTML5在a标签内放置块级元素示例代码
2013/08/23 HTML / CSS
移动端HTML5实现文件上传功能【附代码】
2016/03/25 HTML / CSS
计算机本科生自荐信
2013/10/15 职场文书
运动会广播稿200米
2014/01/27 职场文书
保险公司早会主持词
2014/03/22 职场文书
大学校园招聘会感想
2015/08/10 职场文书
新课程改革心得体会
2016/01/22 职场文书
员工工作心得体会
2019/05/07 职场文书
开学季:喜迎新生,迎新标语少不了
2019/11/07 职场文书
DjangoRestFramework 使用 simpleJWT 登陆认证完整记录
2021/06/22 Python
Python实现PIL图像处理库绘制国际象棋棋盘
2021/07/16 Python