纯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 相关文章推荐
$.format,jquery.format 使用说明
Jul 13 Javascript
JavaScript获得url所有参数键值表的方法
Mar 21 Javascript
jQuery+canvas实现的球体平抛及颜色动态变换效果
Jan 28 Javascript
深入理解JS函数的参数(arguments)的使用
May 28 Javascript
JS两个数组比较,删除重复值的巧妙方法(推荐)
Jun 03 Javascript
在Docker快速部署Node.js应用的详细步骤
Sep 02 Javascript
支持移动端原生js轮播图
Feb 16 Javascript
AngularJS路由切换实现方法分析
Mar 17 Javascript
JS基于正则实现数字千分位用逗号分隔的方法
Jun 16 Javascript
[js高手之路]原型式继承与寄生式继承详解
Aug 28 Javascript
如何从零开始利用js手写一个Promise库详解
Apr 19 Javascript
js实现二级菜单点击显示当前内容效果
Apr 28 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实现维护文件代码
2007/06/14 PHP
使用PHP实现二分查找算法代码分享
2011/06/24 PHP
一个PHP的QRcode类与大家分享
2011/11/13 PHP
无需重新编译php加入ftp扩展的解决方法
2013/02/07 PHP
PHP以mysqli方式连接类完整代码实例
2014/07/15 PHP
PHP 使用memcached简单示例分享
2015/03/05 PHP
PHP中基本HTTP认证技巧分析
2015/03/16 PHP
php限制ip地址范围的方法
2015/03/31 PHP
深入学习微信网址链接解封的防封原理visit_type
2019/08/15 PHP
img的onload的另类用法
2008/01/10 Javascript
JS判断是否为数字,是否为整数,是否为浮点数的代码
2010/04/24 Javascript
详解javascript实现自定义事件
2016/01/19 Javascript
js输入框使用正则表达式校验输入内容的实例
2017/02/12 Javascript
微信小程序 navbar实例详解
2017/05/11 Javascript
JavaScript基础心法 深浅拷贝(浅拷贝和深拷贝)
2018/03/05 Javascript
微信小程序实现banner图轮播效果
2020/06/28 Javascript
vue实现日历表格(element-ui)
2020/09/24 Javascript
编写Python CGI脚本的教程
2015/06/29 Python
Python中格式化format()方法详解
2017/04/01 Python
python修改txt文件中的某一项方法
2018/12/29 Python
Python实现寻找回文数字过程解析
2020/06/09 Python
Python colormap库的安装和使用详情
2020/10/06 Python
利用Bootstrap实现漂亮简洁的CSS3价格表实例源码
2017/03/02 HTML / CSS
用HTML5制作烟火效果的教程
2015/05/12 HTML / CSS
Ralph Lauren拉夫·劳伦美国官网:带有浓郁美国气息的高品味时装品牌
2017/11/01 全球购物
支票、地址标签、包装纸和慰问卡:Current Catalog
2018/01/30 全球购物
上海某公司.net方向笔试题
2014/09/14 面试题
秋季运动会加油稿200字
2014/01/11 职场文书
考生诚信考试承诺书
2014/05/23 职场文书
跳槽求职信范文
2014/05/26 职场文书
会议通知范文
2015/04/15 职场文书
暂住证证明
2015/06/19 职场文书
SpringBoot快速入门详解
2021/07/21 Java/Android
Nginx防盗链与服务优化配置的全过程
2022/01/18 Servers
python 闭包函数详细介绍
2022/04/19 Python
Vue3实现简易音乐播放器组件
2022/08/14 Vue.js