JavaScript实现实时更新系统时间的实例代码

 更新时间:2017年04月04日 09:46:09   作者:qq_31683121  
本文给大家分享javascript实现实时更新系统时间的实例代码,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友参考下吧

一、Js代码

 function getTime(){ 
    str = "当前系统时间:" 
    var p = document.getElementById("sy_time"); 
    time = new Date(); 
    year = time.getFullYear(); 
    month = time.getMonth() + 1; 
    day = time.getDate(); 
    hour = time.getHours(); 
    minutes = time.getMinutes(); 
    seconds = time.getSeconds(); 
    str = str + year +"-"+ month +"-"+ day + " " +hour+":"+minutes+":"+seconds; 
    p.innerText = str; 
    setTimeout(getTime,1000); 
  } 
  window.onload = function(){ 
    getTime(); 
  } 

二、前端代码

<!-- 页面调用代码 -->
<p id = "sy_time"></p>

以上所述是小编给大家介绍的JavaScript实现实时更新系统时间的实例代码,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的,在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • uni-app多环境部署解决方案详解

    uni-app多环境部署解决方案详解

    uni-app可通过process.env.NODE_ENV判断当前环境是开发环境还是生产环境,下面这篇文章主要给大家介绍了关于uni-app多环境部署的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-11-11
  • JS实现图片上传预览功能

    JS实现图片上传预览功能

    本文给大家分享一段js代码关于实现图片上传预览功能,代码简单易懂,非常不错,具有参考借鉴价值,感兴趣的朋友一起看看吧
    2016-11-11
  • JavaScript基础之静态方法和实例方法分析

    JavaScript基础之静态方法和实例方法分析

    这篇文章主要介绍了JavaScript基础之静态方法和实例方法,简单分析了javascript静态方法及实例方法的定义、使用相关操作技巧与注意事项,需要的朋友可以参考下
    2018-12-12
  • JavaScript生成验证码并实现验证功能

    JavaScript生成验证码并实现验证功能

    这篇文章主要介绍了JavaScript生成验证码并实现验证功能的相关资料,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-09-09
  • 微信小程序实现搜索框功能及踩过的坑

    微信小程序实现搜索框功能及踩过的坑

    这篇文章主要介绍了微信小程序实现搜索框功能及踩过的坑,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-06-06
  • 原生JS实现点击数字小游戏

    原生JS实现点击数字小游戏

    这篇文章主要为大家详细介绍了原生JS实现点击数字小游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-04-04
  • js实现随机点名程序

    js实现随机点名程序

    这篇文章主要为大家详细介绍了js实现随机点名程序,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-11-11
  • JavaScript中可选链(?.)用法示例详解

    JavaScript中可选链(?.)用法示例详解

    这篇文章主要为大家介绍了JavaScript中可选链(?.)用法示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-04-04
  • 解析js原生方法创建表格效率测试

    解析js原生方法创建表格效率测试

    对于创建表格本文提到的算法共有3种,分别是直接操作dom、借助createDocumentFragment、借助js的原生表格操作方法
    2013-07-07
  • JavaScript实现twitter puddles算法实例

    JavaScript实现twitter puddles算法实例

    这篇文章主要介绍了JavaScript实现twitter puddles算法实例,本文源自twitter的一道面试题,本文使用js解开了这首题,需要的朋友可以参考下
    2014-12-12

最新评论