纯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 中对象的继承〔转贴〕
Jan 22 Javascript
Javascript YUI 读码日记之 YAHOO.util.Dom - Part.2 0
Mar 22 Javascript
JS模拟自动点击的简单实例
Aug 08 Javascript
JS常用字符串处理方法应用总结
May 22 Javascript
jQuery中hide()方法用法实例
Dec 24 Javascript
js+HTML5实现canvas多种颜色渐变效果的方法
Jun 05 Javascript
JavaScript检测上传文件大小的方法
Jul 22 Javascript
js确认框confirm()用法实例详解
Jan 07 Javascript
微信小程序 location API接口详解及实例代码
Oct 12 Javascript
基于vue实现swipe轮播组件实例代码
May 24 Javascript
element-ui组件中input等的change事件中传递自定义参数
May 22 Javascript
js实现点击图片在屏幕中间弹出放大效果
Sep 11 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
PL-880隐藏功能
2021/03/01 无线电
CodeIgniter使用phpcms模板引擎
2013/11/12 PHP
PHP利用超级全局变量$_POST来接收表单数据的实例
2016/11/05 PHP
JQuery下关于$.Ready()的分析
2009/12/13 Javascript
js自动查找select下拉的菜单并选择(示例代码)
2014/02/26 Javascript
在HTML代码中使用JavaScript代码的例子
2014/10/16 Javascript
jQuery实现单击和鼠标感应事件
2015/02/01 Javascript
javascript简单实现类似QQ头像弹出效果的方法
2015/08/03 Javascript
jQuery中判断对象是否存在的方法汇总
2016/02/24 Javascript
关于Node.js中Buffer的一些你可能不知道的用法
2017/03/28 Javascript
JavaScript在控件上添加倒计时功能的实现代码
2017/07/04 Javascript
详解vue-cli项目中怎么使用mock数据
2018/05/29 Javascript
vue中v-text / v-html使用实例代码详解
2019/04/02 Javascript
如何在项目中使用log4.js的方法步骤
2019/07/16 Javascript
基于webpack4+vue-cli3项目实现换肤功能
2019/07/17 Javascript
JS脚本实现定时到网站上签到/签退功能
2020/04/22 Javascript
js操作两个json数组合并、去重,以及删除某一项元素
2020/09/22 Javascript
Python 正则表达式(转义问题)
2014/12/15 Python
Python NumPy库安装使用笔记
2015/05/18 Python
numpy中的高维数组转置实例
2018/04/17 Python
Python实现随机漫步功能
2018/07/09 Python
使用Python机器学习降低静态日志噪声
2018/09/29 Python
Python实现的统计文章单词次数功能示例
2019/07/08 Python
python实现多线程端口扫描
2019/08/31 Python
Python爬取腾讯视频评论的思路详解
2019/12/19 Python
pytorch实现建立自己的数据集(以mnist为例)
2020/01/18 Python
python 简单的调用有道翻译
2020/11/25 Python
利用CSS3实现文本框的清除按钮相关的一些效果
2015/06/23 HTML / CSS
在HTML5中使用MathML数学公式的简单讲解
2016/02/19 HTML / CSS
基于HTML5 Canvas的3D动态Chart图表的示例
2017/11/02 HTML / CSS
中国排名第一的外贸销售网站:LightInTheBox.com(兰亭集势)
2016/10/28 全球购物
优秀生推荐信范文
2013/11/28 职场文书
2014年清明节寄语
2014/04/03 职场文书
初中学生期末评语
2014/04/24 职场文书
导游词之凤凰古城
2019/10/22 职场文书
python工具dtreeviz决策树可视化和模型可解释性
2022/03/03 Python