js 显示日期时间的实例(时间过一秒加1)


Posted in Javascript onOctober 25, 2017

html:

<div id="data"><font>2017年10月17日 15:11:11</font></span>

js:

1:引入js库

2:

function showLocale(objD) {  

 var str, colorhead, colorfoot;  

 var yy = objD.getYear();  

 if (yy < 1900) yy = yy + 1900;  var MM = objD.getMonth() + 1;  

 if (MM < 10) MM = '0' + MM;  var dd = objD.getDate();  

 if (dd < 10) dd = '0' + dd;  var hh = objD.getHours();  

 if (hh < 10) hh = '0' + hh;  var mm = objD.getMinutes();  

 if (mm < 10) mm = '0' + mm;  var ss = objD.getSeconds();  

 if (ss < 10) ss = '0' + ss;  var ww = objD.getDay();  

 if (ww == 0) colorhead = "";  

if (ww > 0 && ww < 7) colorhead = "";

str = colorhead + yy + "年" + MM + "月" + dd + "日 " + hh + ":" + mm + ":" + ss + " ";

return (str);

}

function tick() {

var today;

today = new Date();

document.getElementById("new_data").innerHTML = showLocale(today);

window.setTimeout("tick()", 1000);

}

tick();

以上这篇js 显示日期时间的实例(时间过一秒加1)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript 快捷键设置实现代码
Mar 13 Javascript
使用jQuery全局事件ajaxStart为特定请求实现提示效果的代码
Dec 30 Javascript
js里怎么取select标签里的值并修改
Dec 10 Javascript
JS取文本框中最小值的简单实例
Nov 29 Javascript
返回顶部按钮响应滚动且动态显示与隐藏
Oct 14 Javascript
scrollWidth,clientWidth,offsetWidth的区别
Jan 13 Javascript
JavaScript实现自动变换表格边框颜色
May 08 Javascript
KnockoutJS 3.X API 第四章之表单submit、enable、disable绑定
Oct 10 Javascript
bootstrap Validator 模态框、jsp、表单验证 Ajax提交功能
Feb 17 Javascript
jQueryMobile之窗体长内容的缺陷与解决方法实例分析
Sep 20 jQuery
实例详解Vue项目使用eslint + prettier规范代码风格
Aug 20 Javascript
通过seajs实现JavaScript的模块开发及按模块加载
Jun 06 Javascript
JavaScript编程设计模式之观察者模式(Observer Pattern)实例详解
Oct 25 #Javascript
BootStrap 标题设置跨行无效的解决方法
Oct 25 #Javascript
vue基于mint-ui的城市选择3级联动的示例
Oct 25 #Javascript
浅谈Vue的加载顺序探讨
Oct 25 #Javascript
JavaScript模块模式实例详解
Oct 25 #Javascript
vue生成token保存在客户端localStorage中的方法
Oct 25 #Javascript
AngularJS实现的获取焦点及失去焦点时的表单验证功能示例
Oct 25 #Javascript
You might like
php通过前序遍历树实现无需递归的无限极分类
2015/07/10 PHP
php die()与exit()的区别实例详解
2016/12/03 PHP
为Plesk PHP7启用Oracle OCI8扩展方法总结
2019/03/29 PHP
JS 建立对象的方法
2007/04/21 Javascript
Knockoutjs的环境搭建教程
2012/11/26 Javascript
JS获取图片实际宽高及根据图片大小进行自适应
2013/08/11 Javascript
使用js画图之饼图
2015/01/12 Javascript
JavaScript 表单处理实现代码
2015/04/13 Javascript
nodejs实现HTTPS发起POST请求
2015/04/23 NodeJs
JQuery中两个ul标签的li互相移动实现方法
2015/05/18 Javascript
jquery.validate使用时遇到的问题
2015/05/25 Javascript
js实现正则匹配中文标点符号的方法
2015/12/23 Javascript
Angularjs 实现一个幻灯片示例代码
2016/09/08 Javascript
Bootstrap源码学习笔记之bootstrap进度条
2016/12/24 Javascript
详谈js中window.location.search的用法和作用
2017/02/13 Javascript
尝试自己动手用react来写一个分页组件(小结)
2018/02/09 Javascript
使用Nuxt.js改造已有项目的方法
2018/08/07 Javascript
[04:11]DOTA2上海特级锦标赛主赛事首日TOP10
2016/03/03 DOTA
[02:27]2018DOTA2亚洲邀请赛趣味视频之钓鱼大赛 谁是垂钓冠军?
2018/04/05 DOTA
[44:04]OG vs Mineski 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
Python3实现Web网页图片下载
2016/01/28 Python
Python实现模拟分割大文件及多线程处理的方法
2017/10/10 Python
python把数组中的数字每行打印3个并保存在文档中的方法
2018/07/17 Python
python实现换位加密算法的示例
2018/10/14 Python
Python垃圾回收机制三种实现方法
2020/04/27 Python
Python流程控制语句的深入讲解
2020/06/15 Python
Python基础教程(一)——Windows搭建开发Python开发环境
2020/07/20 Python
html2canvas截图空白问题的解决
2020/03/24 HTML / CSS
当x.equals(y)等于true时,x.hashCode()与y.hashCode()可以不相等,这句话对不对
2015/05/02 面试题
优秀士兵先进事迹
2014/02/06 职场文书
2014年六五普法工作总结
2014/11/25 职场文书
瞿秋白纪念馆观后感
2015/06/10 职场文书
vue响应式原理与双向数据的深入解析
2021/06/04 Vue.js
CSS 伪元素::marker详解
2021/06/26 HTML / CSS
div与span之间的区别与使用介绍
2021/12/06 HTML / CSS
clear 万能清除浮动(clearfix:after)
2023/05/21 HTML / CSS