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

相关文章

  • JavaScript实现可拖拽的进度条

    JavaScript实现可拖拽的进度条

    这篇文章主要为大家详细介绍了JavaScript实现可拖拽的进度条,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-05-05
  • js加载读取内容及显示与隐藏div示例

    js加载读取内容及显示与隐藏div示例

    这篇文章主要介绍了js加载读取内容及显示与隐藏div的方法,需要的朋友可以参考下
    2014-02-02
  • js严格模式总结(分享)

    js严格模式总结(分享)

    下面小编就为大家带来一篇js严格模式总结(分享)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-08-08
  • 深入理解JavaScript内存管理和GC算法

    深入理解JavaScript内存管理和GC算法

    这篇文章主要介绍了深入理解JavaScript内存管理和GC算法,下面文章主要讲解JavaScript的垃圾回收机制以及常用的垃圾回收算法;还讲解了V8引擎中的内存管理,最后介绍了Performance工具如何使用
    2022-07-07
  • Ajax验证用户名或昵称是否已被注册

    Ajax验证用户名或昵称是否已被注册

    本文主要介绍了Ajax验证用户名或昵称是否已被注册的实例方法。具有很好的参考价值。下面跟着小编一起来看下吧
    2017-04-04
  • 12个提高JavaScript技能的概念(小结)

    12个提高JavaScript技能的概念(小结)

    这篇文章主要介绍了12个提高JavaScript技能的概念(小结),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-05-05
  • ES6新特性之模块Module用法详解

    ES6新特性之模块Module用法详解

    这篇文章主要介绍了ES6新特性之模块Module用法,简要说明了模块Module的概念、功能并结合实例形式分析了模块Module的使用方法与相关注意事项,需要的朋友可以参考下
    2017-04-04
  • 详细解密jsonp跨域请求

    详细解密jsonp跨域请求

    当进行一些比较深入的前端编程的时候,不可避免地需要进行跨域操作,JSONP跨域GET请求是一个常用的解决方案,下面我们来看一下JSONP跨域是如何实现的,并且探讨下JSONP跨域的原理。
    2015-04-04
  • JS实现前端动态分页码代码实例

    JS实现前端动态分页码代码实例

    这篇文章主要介绍了JS实现前端动态分页码代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-06-06
  • Bootstrap基本组件学习笔记之按钮组(8)

    Bootstrap基本组件学习笔记之按钮组(8)

    这篇文章主要为大家详细介绍了Bootstrap基本组件学习笔记之按钮组,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12

最新评论