纯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 相关文章推荐
深入聊聊Array的sort方法的使用技巧.详细点评protype.js中的sortBy方法
Apr 12 Javascript
jquery.validate 自定义验证方法及validate相关参数
Jan 18 Javascript
在微信、支付宝、百度钱包实现点击返回按钮关闭当前页面和窗口的方法
Aug 05 Javascript
BootStrap日期控件在模态框中选择时间下拉菜单无效的原因及解决办法(火狐下不能点击)
Aug 18 Javascript
简单实现js浮动框
Dec 13 Javascript
JavaScript DOM节点操作实例小结(新建,删除HTML元素)
Jan 19 Javascript
Bootstrap表单控件学习使用
Mar 07 Javascript
JavaScript中最常用的10种代码简写技巧总结
Jun 28 Javascript
React学习之事件绑定的几种方法对比
Sep 24 Javascript
详解使用Nuxt.js快速搭建服务端渲染(SSR)应用
Mar 13 Javascript
JavaScript 俄罗斯方块游戏实现方法与代码解释
Apr 08 Javascript
jQuery 添加元素和删除元素的方法
Jul 15 jQuery
深入理解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 分页原理分析,大家可以看看
2009/12/21 PHP
一篇有意思的技术文章php介绍篇
2010/10/26 PHP
从wamp到xampp的升级之路
2015/04/08 PHP
php中smarty区域循环的方法
2015/06/11 PHP
PHP在innodb引擎下快速代建全文搜索功能简明教程【基于xunsearch】
2016/10/14 PHP
关于PHP通用返回值设置方法
2017/03/31 PHP
php判断文件上传图片格式的实例详解
2017/09/30 PHP
PHP substr()函数参数解释及用法讲解
2017/11/23 PHP
PHP PDOStatement::rowCount讲解
2019/02/01 PHP
javascript 运算数的求值顺序
2011/08/23 Javascript
如何获取select下拉框的值(option没有及有value属性)
2013/11/08 Javascript
JavaScript Sort 的一个错误用法示例
2015/03/20 Javascript
Vue2.0权限树组件实现代码
2017/08/29 Javascript
JS简单实现数组去重的方法分析
2017/10/14 Javascript
Angular实现类似博客评论的递归显示及获取回复评论的数据
2017/11/06 Javascript
深入剖析Node.js cluster模块
2018/05/23 Javascript
vue-cli 引入jQuery,Bootstrap,popper的方法
2018/09/03 jQuery
jQuery实现form表单基于ajax无刷新提交方法实例代码
2019/11/04 jQuery
package.json中homepage属性的作用详解
2020/03/11 Javascript
Vue中父子组件的值传递与方法传递
2020/09/28 Javascript
python多线程socket编程之多客户端接入
2017/09/12 Python
python读文件保存到字典,修改字典并写入新文件的实例
2018/04/23 Python
使用Python进行目录的对比方法
2018/11/01 Python
Python3 Post登录并且保存cookie登录其他页面的方法
2018/12/28 Python
Python通过for循环理解迭代器和生成器实例详解
2019/02/16 Python
python实现机器人卡牌
2019/10/06 Python
Python django搭建layui提交表单,表格,图标的实例
2019/11/18 Python
CSS3 border-image详解、应用及jQuery插件
2011/08/29 HTML / CSS
iHerb香港:维生素、补充剂和天然保健品
2017/08/01 全球购物
关于Assembly命名空间的三个面试题
2015/07/23 面试题
合伙开公司协议书范本
2014/10/28 职场文书
2014年乡镇工会工作总结
2014/12/02 职场文书
装修公司工程部经理岗位职责
2015/04/09 职场文书
离婚答辩状怎么写
2015/05/22 职场文书
2016入党积极分子党课培训心得体会
2016/01/06 职场文书
涨工资申请书应该怎么写?
2019/07/08 职场文书