纯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 控制CSS样式表
Aug 20 Javascript
在父页面调用子页面的JS方法
Sep 29 Javascript
JS实现弹性菜单效果代码
Sep 07 Javascript
jquery输入数字随机抽奖特效的简单实现代码
Jun 10 Javascript
基于JavaScript实现抽奖系统
Jan 16 Javascript
vue项目tween方法实现返回顶部的示例代码
Mar 02 Javascript
详解使用create-react-app快速构建React开发环境
May 16 Javascript
jQuery实现动态添加和删除input框实例代码
Mar 26 jQuery
vue实现todolist功能、todolist组件拆分及todolist的删除功能
Apr 11 Javascript
VSCode写vue项目一键生成.vue模版,修改定义其他模板的方法
Apr 17 Javascript
JavaScript冒泡算法原理与实现方法深入理解
Jun 04 Javascript
Nuxt的路由动画效果案例
Nov 06 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的静态成员函数效率更高的原因
2014/06/13 PHP
PHP curl CURLOPT_RETURNTRANSFER参数的作用使用实例
2015/02/07 PHP
php列出mysql表所有行和列的方法
2015/03/13 PHP
nginx下安装php7+php5
2016/07/31 PHP
PHP基于ICU扩展intl快速实现汉字转拼音及按拼音首字母分组排序的方法
2017/05/03 PHP
phpstorm 正则匹配删除空行、注释行(替换注释行为空行)
2018/01/21 PHP
详解PHP发送邮件知识点
2018/05/06 PHP
豆瓣网的jquery代码实例
2008/06/15 Javascript
使用js判断数组中是否包含某一元素(类似于php中的in_array())
2013/12/12 Javascript
JavaScript中的apply和call函数详解
2014/07/20 Javascript
Fullpage.js固定导航栏-实现定位导航栏
2016/03/17 Javascript
jquery表格datatables实例解析 直接加载和延迟加载
2016/08/12 Javascript
AngularJS ng-style中使用filter
2016/09/21 Javascript
js对字符串进行编码的方法总结(推荐)
2016/11/10 Javascript
babel之配置文件.babelrc入门详解
2018/02/22 Javascript
使用vue开发移动端管理后台的注意事项
2019/03/07 Javascript
React中阻止事件冒泡的问题详析
2019/04/12 Javascript
Angular+ionic实现折叠展开效果的示例代码
2020/07/29 Javascript
[58:00]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Elephant BO3 第二场 2月7日
2021/03/11 DOTA
Python实现二分法算法实例
2015/02/02 Python
快速实现基于Python的微信聊天机器人示例代码
2017/03/03 Python
使用k8s部署Django项目的方法步骤
2019/01/14 Python
Python代码中如何读取键盘录入的值
2020/05/27 Python
matplotlib实现数据实时刷新的示例代码
2021/01/05 Python
input元素的url类型和email类型简介
2012/07/11 HTML / CSS
Luxplus瑞典:香水和美容护理折扣
2018/01/28 全球购物
英文简历中的自我评价
2013/10/06 职场文书
银行实习生的自我评价
2013/12/09 职场文书
工业学校毕业生自荐书
2014/01/03 职场文书
幼儿园小班教师寄语
2014/04/03 职场文书
自我查摆剖析材料
2014/10/11 职场文书
2015年招聘工作总结
2014/12/12 职场文书
新员工入职感想
2015/08/07 职场文书
企业管理不到位检讨书
2019/06/27 职场文书
教你如何让spark sql写mysql的时候支持update操作
2022/02/15 MySQL
python数字图像处理:图像的绘制
2022/06/28 Python