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


Posted in Javascript onApril 04, 2017

一、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实现实时更新系统时间的实例代码,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的,在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
ymPrompt的doHandler方法来实现获取子窗口返回值的方法
Jun 25 Javascript
html超链接打开窗口大小的方法
Mar 05 Javascript
JavaScript判断密码强度(自写代码)
Sep 06 Javascript
JS组件Bootstrap Select2使用方法解析
May 30 Javascript
vue实现todolist单页面应用
Apr 11 Javascript
vue动态路由实现多级嵌套面包屑的思路与方法
Aug 16 Javascript
对VUE中的对象添加属性
Sep 18 Javascript
vue data恢复初始化数据的实现方法
Oct 31 Javascript
vue+elementUI中表格高亮或字体颜色改变操作
Nov 02 Javascript
vant picker+popup 自定义三级联动案例
Nov 04 Javascript
Vant Weapp组件踩坑:picker的初始赋值解决
Nov 12 Javascript
如何将JavaScript将数组转为树形结构
Jun 02 Javascript
jQuery中animate()的使用方法及解决$(”body“).animate({“scrollTop”:top})不被Firefox支持的问题
Apr 04 #jQuery
webpack独立打包和缓存处理详解
Apr 03 #Javascript
使用jQuery卸载全部事件的思路详解
Apr 03 #jQuery
jQuery实现分页功能(含ajax请求、后台数据、附完整demo)
Apr 03 #jQuery
基于JQuery和原生JavaScript实现网页定位导航特效
Apr 03 #jQuery
JS异步文件上传(兼容IE8+)
Apr 02 #Javascript
使用canvas及js简单生成验证码方法
Apr 02 #Javascript
You might like
PHP4实际应用经验篇(5)
2006/10/09 PHP
php 动态执行带有参数的类方法
2009/04/10 PHP
php更改目录及子目录下所有的文件后缀扩展名的代码
2010/10/12 PHP
Zend Framework数据库操作方法实例总结
2016/12/11 PHP
老生常谈文本文件和二进制文件的区别
2017/02/27 PHP
完美解决thinkphp唯一索引重复时出错的问题
2017/03/31 PHP
PHP SPL 被遗落的宝石【SPL应用浅析】
2018/04/20 PHP
实例讲解通过​PHP创建数据库
2019/01/20 PHP
PHP PDOStatement::fetchAll讲解
2019/01/31 PHP
PHP实现读取文件夹及批量重命名文件操作示例
2019/04/15 PHP
php 多继承的几种常见实现方法示例
2019/11/18 PHP
javascript 支持ie和firefox杰奇翻页函数
2008/07/22 Javascript
EXTJS内使用ACTIVEX控件引起崩溃问题的解决方法
2010/03/31 Javascript
jQuery动画效果-fadeIn fadeOut淡入浅出示例代码
2013/08/28 Javascript
Event altKey,ctrlKey,shiftKey属性解析
2013/12/18 Javascript
百度地图自定义控件分享
2015/03/04 Javascript
js省市联动效果完整实例代码
2015/12/09 Javascript
jquery中live()方法和bind()方法区别分析
2016/06/23 Javascript
vue jsx 使用指南及vue.js 使用jsx语法的方法
2017/11/11 Javascript
layDate插件设置开始和结束时间
2018/11/15 Javascript
vue swipe自定义组件实现轮播效果
2019/07/03 Javascript
vue 验证码界面实现点击后标灰并设置div按钮不可点击状态
2019/10/28 Javascript
用Python展示动态规则法用以解决重叠子问题的示例
2015/04/02 Python
Python实现判断给定列表是否有重复元素的方法
2018/04/11 Python
Python之pandas读写文件乱码的解决方法
2018/04/20 Python
浅谈tensorflow1.0 池化层(pooling)和全连接层(dense)
2018/04/27 Python
windows下pycharm安装、创建文件、配置默认模板
2018/07/31 Python
使用keras根据层名称来初始化网络
2020/05/21 Python
举例详解HTML5中使用JSON格式提交表单
2015/06/16 HTML / CSS
什么是Connection-oriented Protocol/Connectionless Protocol面向连接的协议/无连接协议
2012/09/06 面试题
演讲稿怎么写才完美
2014/01/02 职场文书
火灾现场处置方案
2014/05/28 职场文书
龙潭大峡谷导游词
2015/02/10 职场文书
单身证明范本
2015/06/15 职场文书
《语言的突破》读后感3篇
2019/12/12 职场文书
Java版 简易五子棋小游戏
2022/05/04 Java/Android