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 相关文章推荐
javascript eval函数深入认识
Feb 21 Javascript
JQuery 控制内容长度超出规定长度显示省略号
May 23 Javascript
JavaScript异步回调的Promise模式封装实例
Jun 07 Javascript
常用的JS验证和函数汇总
Dec 23 Javascript
js实现文本框支持加减运算的方法
Aug 19 Javascript
jQuery实现手机版页面翻页效果的简单实例
Oct 05 Javascript
angular.js实现列表orderby排序的方法
Oct 02 Javascript
express express-session的使用小结
Dec 12 Javascript
9102年webpack4搭建vue项目的方法步骤
Feb 20 Javascript
JS常见内存泄漏及解决方案解析
May 30 Javascript
vue实现页面切换滑动效果
Jun 29 Javascript
Vue使用预渲染代替SSR的方法
Jul 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
PHP 读取大文件的X行到Y行内容的实现代码
2013/06/24 PHP
PHP正则提取不包含指定网址的图片地址的例子
2014/04/21 PHP
浅谈ThinkPHP的URL重写
2014/11/25 PHP
php mysql PDO 查询操作的实例详解
2017/09/23 PHP
PHP常量DIRECTORY_SEPARATOR原理及用法解析
2020/11/10 PHP
提升你网站水平的jQuery插件集合推荐
2011/04/19 Javascript
使用GruntJS构建Web程序之Tasks(任务)篇
2014/06/06 Javascript
JavaScript实现函数返回多个值的方法
2015/06/09 Javascript
Javascript OOP之面向对象
2016/07/31 Javascript
vue组件发布到npm简单步骤
2017/11/30 Javascript
JS实现图片转换成base64的各种应用场景实例分析
2018/06/22 Javascript
angular中两种表单的区别(响应式和模板驱动表单)
2018/12/06 Javascript
python实现忽略大小写对字符串列表排序的方法
2014/09/25 Python
使用Python3中的gettext模块翻译Python源码以支持多语言
2015/03/31 Python
python插入排序算法实例分析
2015/07/03 Python
Python使用smtplib模块发送电子邮件的流程详解
2016/06/27 Python
Python文件操作之合并文本文件内容示例代码
2017/09/19 Python
Python中字典的浅拷贝与深拷贝用法实例分析
2018/01/02 Python
基于python3 pyQt5 QtDesignner实现窗口化猜数字游戏功能
2019/07/15 Python
Python定时发送天气预报邮件代码实例
2019/09/09 Python
Django Form and ModelForm的区别与使用
2019/12/06 Python
python实现学生管理系统开发
2020/07/24 Python
Python3读写ini配置文件的示例
2020/11/06 Python
国家地理在线商店:Shop National Geographic
2018/06/30 全球购物
公务员综合考察材料
2014/02/01 职场文书
管事部库房保管员岗位职责
2014/02/21 职场文书
工作睡觉检讨书
2014/02/25 职场文书
监察建议书范文
2014/03/12 职场文书
水利水电建筑施工应届生求职信
2014/07/04 职场文书
爱护公共设施倡议书
2014/08/29 职场文书
学校拾金不昧表扬信
2015/01/16 职场文书
农民工工资承诺书大全
2015/05/04 职场文书
教育读书笔记
2015/07/02 职场文书
初中团支书竞选稿
2015/11/21 职场文书
方法汇总:Python 安装第三方库常用
2022/04/26 Python
redis protocol通信协议及使用详解
2022/07/15 Redis