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

 更新时间:2017年10月25日 11:06:17   作者:huahua_0825  
下面小编就为大家带来一篇js 显示日期时间的实例(时间过一秒加1)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

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)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • es6函数之箭头函数用法实例详解

    es6函数之箭头函数用法实例详解

    这篇文章主要介绍了es6函数之箭头函数用法,结合实例形式详细分析了es6箭头函数基本功能、原理、用法及操作注意事项,需要的朋友可以参考下
    2020-04-04
  • JS前端使用Blob和File读取文件的操作代码

    JS前端使用Blob和File读取文件的操作代码

    JavaScript 无法处理二进制数据。如果一定要处理的话,只能使用 charCodeAt() 方法,一个个字节地从文字编码转成二进制数据,还有一种办法是将二进制数据转成 Base64 编码,再进行处理,这篇文章主要介绍了JS前端使用Blob和File读取文件,需要的朋友可以参考下
    2022-11-11
  • JS 实现导航菜单中的二级下拉菜单的几种方式

    JS 实现导航菜单中的二级下拉菜单的几种方式

    这篇文章主要介绍了JS 实现导航菜单中的二级下拉菜单的几种方式的相关资料,这里提供了三种方式,和实例代码,需要的朋友可以参考下
    2016-10-10
  • 在window.setTimeout方法中传送对象

    在window.setTimeout方法中传送对象

    setTimeout方法是js中的延时方法,很多js的bug,只需要使用该方法延时一下,就会自动解决了,简直就是万能药方,也是我比较喜欢使用的最后手段。
    2006-12-12
  • js实现点赞按钮功能的实例代码

    js实现点赞按钮功能的实例代码

    这篇文章主要介绍了js实现点赞按钮功能,本文通过实例代码给大家介绍的非常详细,对大家的工作或学习具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-03-03
  • 基于javascript制作经典传统的拼图游戏

    基于javascript制作经典传统的拼图游戏

    这篇文章主要为大家详细介绍了基于javascript制作拼图游戏的相关内容,经典传统的拼图游戏是大家最喜爱的游戏之一,具有挑战性,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • ES6中的class是如何实现的(附Babel编译的ES5代码详解)

    ES6中的class是如何实现的(附Babel编译的ES5代码详解)

    这篇文章主要介绍了ES6中的class是如何实现的?(附Babel编译的ES5代码详解),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-05-05
  • HTML+JS模拟实现QQ下拉菜单效果

    HTML+JS模拟实现QQ下拉菜单效果

    这篇文章主要为大家详细介绍了如何利用HTML+JavaScript模拟实现QQ中的下拉菜单效果。文中的示例代码讲解详细,感兴趣的小伙伴可以学习一下
    2022-05-05
  • 浅谈对于“不用setInterval,用setTimeout”的理解

    浅谈对于“不用setInterval,用setTimeout”的理解

    这篇文章主要介绍了浅谈对于“不用setInterval,用setTimeout”的理解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-08-08
  • js倒计时小程序

    js倒计时小程序

    js倒计时代码,可以精确到天和精确到秒
    2013-11-11

最新评论