纯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中匿名函数,函数直接量和闭包
May 08 Javascript
兼容IE、FireFox、Chrome等浏览器的xml处理函数js代码
Nov 30 Javascript
使用jquery hover事件实现表格的隔行换色功能示例
Sep 03 Javascript
深入理解JavaScript系列(18):面向对象编程之ECMAScript实现
Mar 05 Javascript
Javascript中数组去重与拍平的方法示例
Feb 03 Javascript
在vue-cli脚手架中配置一个vue-router前端路由
Jul 03 Javascript
详解如何提高 webpack 构建 Vue 项目的速度
Jul 03 Javascript
使用travis-ci如何持续部署node.js应用详解
Jul 30 Javascript
使用Dropzone.js上传的示例代码
Oct 10 Javascript
详解webpack自定义loader初探
Aug 29 Javascript
JS基于开关思想实现的数组去重功能【案例】
Feb 18 Javascript
详解vuex持久化插件解决浏览器刷新数据消失问题
Apr 15 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
数据库的日期格式转换
2006/10/09 PHP
PHP 分页类(模仿google)-面试题目解答
2009/09/13 PHP
phpMyAdmin出现无法载入 mcrypt 扩展,请检查PHP配置的解决方法
2012/03/26 PHP
CodeIgniter输出中文乱码的两种解决办法
2014/06/12 PHP
Thinkphp的volist标签嵌套循环使用教程
2014/07/08 PHP
PHP连续签到功能实现方法详解
2019/12/04 PHP
PHP 使用位运算实现四则运算的代码
2021/03/09 PHP
js刷新框架子页面的七种方法代码
2008/11/20 Javascript
5款Javascript颜色选择器
2009/10/25 Javascript
javascript下对于事件、事件流、事件触发的顺序随便说说
2010/07/17 Javascript
js验证是否为数字的总结
2013/04/14 Javascript
JS和JQUERY获取页面大小,滚动条位置,元素位置(示例代码)
2013/12/14 Javascript
js控制input输入字符解析
2013/12/27 Javascript
js实现鼠标经过时图片滚动停止的方法
2015/02/16 Javascript
详解JavaScript中shift()方法的使用
2015/06/09 Javascript
jquery拖拽排序简单实现方法(效果增强版)
2016/02/16 Javascript
简单掌握JavaScript中const声明常量与变量的用法
2016/05/21 Javascript
HTML5canvas 绘制一个圆环形的进度表示实例
2016/12/16 Javascript
简单快速的实现js计算器功能
2017/08/17 Javascript
JavaScript实现的数字与字符串转换功能示例
2017/08/23 Javascript
Vue0.1的过滤代码如何添加到Vue2.0直接使用
2017/08/23 Javascript
Vue头像处理方案小结
2018/07/26 Javascript
Nodejs调用Dll模块的方法
2018/09/17 NodeJs
了解JavaScript中的选择器
2019/05/24 Javascript
解决vue net :ERR_CONNECTION_REFUSED报错问题
2020/08/13 Javascript
Js实现粘贴上传图片的原理及示例
2020/12/09 Javascript
玩转python爬虫之正则表达式
2016/02/17 Python
Python正则表达式匹配日期与时间的方法
2019/07/07 Python
CSS3图片旋转特效(360/60/-360度)
2013/10/10 HTML / CSS
HTML5页面嵌入小程序没有返回按钮及返回页面空白的问题
2020/05/28 HTML / CSS
JSP和Servlet有哪些相同点和不同点,他们之间的联系是什么?
2015/10/22 面试题
求职意向书
2014/04/01 职场文书
《李广射虎》教学反思
2014/04/27 职场文书
公司合并协议书范本
2014/09/30 职场文书
检讨书怎么写
2015/01/23 职场文书
廉洁自律证明
2015/06/24 职场文书