纯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 相关文章推荐
疯狂Jquery第一天(Jquery学习笔记)
May 11 Javascript
javascript 寻找错误方法整理
Jun 15 Javascript
一个支持任意尺寸的图片上下左右滑动效果
Aug 24 Javascript
21个JavaScript事件(Events)属性汇总
Dec 02 Javascript
jquery实现红色竖向多级向右展开的导航菜单效果
Aug 31 Javascript
JavaScript学习笔记之惰性函数示例详解
Aug 27 Javascript
简单谈谈vue的过渡动画(推荐)
Oct 11 Javascript
微信小程序三级联动选择器使用方法
May 19 Javascript
React Router v4 入坑指南(小结)
Apr 08 Javascript
Puppet的一些技巧
Sep 17 Javascript
vue-router实现编程式导航的代码实例
Jan 19 Javascript
Node.js中package.json中库的版本号(~和^)
Apr 02 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扩展图文教程
2008/12/12 PHP
PHP多线程抓取网页实现代码
2010/07/22 PHP
CodeIgniter多语言实现方法详解
2016/01/20 PHP
laravel 事件/监听器实例代码
2019/04/12 PHP
JavaScript 字符串与数组转换函数[不用split与join]
2009/12/13 Javascript
js通过元素class名字获取元素集合的具体实现
2014/01/06 Javascript
原生js事件的添加和删除的封装
2014/07/01 Javascript
JS实现简单的键盘打字的效果
2015/04/24 Javascript
全面解析Bootstrap中tooltip、popover的使用方法
2016/06/13 Javascript
简单谈谈Vue 模板各类数据绑定
2016/09/25 Javascript
angular-cli修改端口号【angular2】
2017/04/19 Javascript
vue.js 中使用(...)运算符报错的解决方法
2018/08/09 Javascript
如何利用ES6进行Promise封装总结
2019/02/11 Javascript
详解关于JSON.parse()和JSON.stringify()的性能小测试
2019/03/14 Javascript
在Python中使用CasperJS获取JS渲染生成的HTML内容的教程
2015/04/09 Python
Python初学者需要注意的事项小结(python2与python3)
2018/09/26 Python
Python基本数据结构之字典类型dict用法分析
2019/06/08 Python
pytorch查看模型weight与grad方式
2020/06/24 Python
tensorflow 2.1.0 安装与实战教程(CASIA FACE v5)
2020/06/30 Python
Python如何给你的程序做性能测试
2020/07/29 Python
Python 中如何写注释
2020/08/28 Python
Python绘制组合图的示例
2020/09/18 Python
python中pyplot基础图标函数整理
2020/11/10 Python
CSS3教程(1):什么是CSS3
2009/04/02 HTML / CSS
汤米巴哈马官方网站:Tommy Bahama
2017/05/13 全球购物
Ralph Lauren意大利官方网站:时尚界最负盛名的品牌之一
2018/10/18 全球购物
日本乐天德国站:Rakuten.de
2019/05/16 全球购物
会计学应届毕业生推荐信
2013/11/04 职场文书
大学军训感言
2014/01/10 职场文书
商务英语专业求职信范文
2014/01/28 职场文书
个人查摆剖析材料
2014/02/04 职场文书
初中学生评语大全
2014/04/24 职场文书
社会实践先进工作者事迹材料
2014/05/06 职场文书
详解Python 3.10 中的新功能和变化
2021/04/28 Python
Spring Boot 底层原理基础深度解析
2022/04/03 Java/Android
使用compose函数优化代码提高可读性及扩展性
2022/06/16 Javascript