当前位置:Gxlcms > JavaScript > 基于javascript实现动态显示当前系统时间_javascript技巧

基于javascript实现动态显示当前系统时间_javascript技巧

时间:2021-07-01 10:21:17 帮助过:8人阅读

本文实例讲解了javascript实现动态显示当前系统时间的详细代码,具体内容如下

  • (1)时间日期信息,应该在一个
    中来显示
  • (2)定时器:每隔一秒再次访问系统时间,window对象的setTimeout()
  • (3)时钟显示的时机(事件):当网页加载完成后才显示,事件onload
  • (4)如何将 时间日期信息 写入到指定的
    中,DOM对象中的innerHTML属性

效果图:

具体代码:




无标题文档
输出的字符串 var str = year+"年"+month+"月"+day+"日 "+hours+":"+minutes+":"+seconds; //获取id=result的对象 var obj = document.getElementById("result"); //将str的内容写入到id=result的
中去 obj.innerHTML = str; //延时器 window.setTimeout("showTime()",1000); }

希望本文所述对大家的javascript程序设计有所帮助。

人气教程排行