纯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中的escape及unescape函数的php实现代码
Sep 04 Javascript
中文字符串截取的js函数代码
Apr 17 Javascript
jQuery中的height innerHeight outerHeight区别示例介绍
Jun 15 Javascript
JavaScript在浏览器标题栏上显示当前日期和时间的方法
Mar 19 Javascript
Bootstrap每天必学之表格
Nov 23 Javascript
使用jquery提交form表单并自定义action的方法
May 25 Javascript
读Javascript高性能编程重点笔记
Dec 21 Javascript
javascript实现一个网页加载进度loading
Jan 04 Javascript
Angular实现的内置过滤器orderBy排序与模糊查询功能示例
Dec 29 Javascript
解决Vue打包之后文件路径出错的问题
Mar 06 Javascript
基于JavaScript获取base64图片大小
Oct 18 Javascript
vue父子组件的通信方法(实例详解)
Nov 10 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 n个不重复的随机数生成代码
2009/06/23 PHP
php删除文本文件中重复行的方法
2015/04/28 PHP
PHP文件操作实例总结【文件上传、下载、分页】
2018/12/08 PHP
CSS中一些@规则的用法小结
2021/03/09 HTML / CSS
JavaScript入门教程(1) 什么是JS
2009/01/31 Javascript
js自定义事件代码说明
2011/01/31 Javascript
推荐30个新鲜出炉的精美 jQuery 效果
2012/03/26 Javascript
js中的push和join方法使用介绍
2013/10/08 Javascript
JavaScript DOM事件(笔记)
2015/04/08 Javascript
使用javascript插入样式
2016/03/14 Javascript
基于JS实现数字+字母+中文的混合排序方法
2016/06/06 Javascript
学习使用jQuery表单验证插件和日历插件
2017/02/13 Javascript
Bootstrap进度条实现代码解析
2017/03/07 Javascript
jQuery is not defined 错误原因与解决方法小结
2017/03/19 Javascript
JS去掉字符串前后空格或去掉所有空格的用法
2017/03/25 Javascript
node文件上传功能简易实现代码
2017/06/16 Javascript
Angular2整合其他插件的方法
2018/01/20 Javascript
JavaScript DOM元素常见操作详解【添加、删除、修改等】
2018/05/09 Javascript
vue+element-ui集成随机验证码+用户名+密码的form表单验证功能
2018/08/05 Javascript
JavaScript中的 new 命令
2019/05/22 Javascript
解决$store.getters调用不执行的问题
2019/11/08 Javascript
[02:44]DOTA2英雄基础教程 钢背兽
2013/12/19 DOTA
python去重,一个由dict组成的list的去重示例
2019/01/21 Python
基于Pyinstaller打包Python程序并压缩文件大小
2020/05/28 Python
HTML+CSS3 模仿Windows7 桌面效果
2010/06/17 HTML / CSS
意大利顶级奢侈品电商:LUISAVIAROMA(支持中文)
2020/05/26 全球购物
高中体育教学反思
2014/01/24 职场文书
《值日生》教学反思
2014/02/17 职场文书
违反交通安全法检讨书
2014/10/24 职场文书
2015年组织部工作总结
2015/04/03 职场文书
小型婚礼主持词
2015/06/30 职场文书
婚礼答谢词范文
2015/09/29 职场文书
HTML5来实现本地文件读取和写入的实现方法
2021/05/25 HTML / CSS
教你用Java在个人电脑上实现微信扫码支付
2021/06/13 Java/Android
muduo TcpServer模块源码分析
2022/04/26 Redis
MySQL 语句执行顺序举例解析
2022/06/05 MySQL