javascript系统时间设置操作示例


Posted in Javascript onJune 17, 2019

本文实例讲述了javascript系统时间设置操作。分享给大家供大家参考,具体如下:

<script>
  //myTime typeof //object
  window.onload = function() {
    var obody = document.body;
    //设置一个定时器,每过一秒钟,自动加一秒
    setInterval(fnTime, 1000)
    //如果不执行这个函数,第一次打开时,会过一秒钟才出来
    fnTime();
    function fnTime() {
      var myTime = new Date();
      var iYear = myTime.getFullYear();
      var iMonth = myTime.getMonth() + 1;
      var iDate = myTime.getDate();
      var iWeek = myTime.getDay();
      var iHours = myTime.getHours();
      var iMinutes = myTime.getMinutes();
      var iSeconds = myTime.getSeconds();
      var str = "";
      if(iWeek === 0) iWeek = "星期日"
      if(iWeek === 1) iWeek = "星期一"
      if(iWeek === 2) iWeek = "星期二"
      if(iWeek === 3) iWeek = "星期三"
      if(iWeek === 4) iWeek = "星期四"
      if(iWeek === 5) iWeek = "星期五"
      if(iWeek === 6) iWeek = "星期六"
      str = iYear + "年" + iMonth + "月" + iDate + "日 " + iWeek + " " + toTwo(iHours) + "时" + toTwo(iMinutes) + "分" + toTwo(iSeconds) + "秒"
      obody.innerHTML = str;
    }
    console.log(toTwo(05))//05
    console.log(toTwo(15))//15
    //这个函数主要是让:时分秒到59秒时,再走一秒就变成了0,而不是00,所以要转换一下
    function toTwo(n) {
      /*
       if(n < 10) {
       return "0" + n;
       } else {
       return "" + n;
       }
       */
      //我们可以用三目
      return n < 10 ? "0" + n : "" + n
    }
  }
</script>

运行结果:

javascript系统时间设置操作示例

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试上述代码运行效果。

Javascript 相关文章推荐
Javascript操纵Cookie实现购物车程序
Feb 15 Javascript
IE JS编程需注意的内存释放问题
Jun 23 Javascript
JS、CSS以及img对DOMContentLoaded事件的影响
Aug 12 Javascript
推荐5 个常用的JavaScript调试技巧
Jan 08 Javascript
jQuery实现冻结表格行和列
Apr 29 Javascript
Bootstrap每天必学之附加导航(Affix)插件
Apr 25 Javascript
js实现添加可信站点、修改activex安全设置,禁用弹出窗口阻止程序
Aug 17 Javascript
JS判断是否手机或pad访问实现方法
Dec 09 Javascript
jQuery动态移除与增加onclick属性的方法详解
Jun 07 jQuery
JS回调函数简单易懂的入门实例分析
Sep 29 Javascript
vue cli3 配置proxy代理无效的解决
Oct 30 Javascript
JavaScript 装逼指南(js另类写法)
May 10 Javascript
深入学习TypeScript 、React、 Redux和Ant-Design的最佳实践
Jun 17 #Javascript
Vue程序调试的方法
Jun 17 #Javascript
Vue拖拽组件列表实现动态页面配置功能
Jun 17 #Javascript
javascript实现日历效果
Jun 17 #Javascript
如何使用Node.js爬取任意网页资源并输出PDF文件到本地
Jun 17 #Javascript
javascript使用substring实现的展开与收缩文字功能示例
Jun 17 #Javascript
vue+element加入签名效果(移动端可用)
Jun 17 #Javascript
You might like
php配置php-fpm启动参数及配置详解
2013/11/04 PHP
深入分析PHP引用(&amp;)
2014/09/04 PHP
PHP PDOStatement::fetchObject讲解
2019/02/01 PHP
laravel框架之数据库查出来的对象实现转化为数组
2019/10/23 PHP
Javascript优化技巧(文件瘦身篇)
2008/01/28 Javascript
几个常用的JavaScript字符串处理函数 - split()、join()、substring()和indexOf()
2009/06/02 Javascript
firefo xml 读写实现js代码
2009/06/11 Javascript
PNG背景在不同浏览器下的应用
2009/06/22 Javascript
setTimeout和setInterval的区别你真的了解吗?
2011/03/31 Javascript
浅析JavaScript中的delete运算符
2013/11/30 Javascript
在页面加载完成后通过jquery给多个span赋值
2014/05/21 Javascript
js实现动画特效的文字链接鼠标悬停提示的方法
2015/03/02 Javascript
JavaScript给按钮绑定点击事件(onclick)的方法
2015/04/07 Javascript
Jquery ajax基础教程
2015/11/20 Javascript
详解Vue自定义过滤器的实现
2017/01/10 Javascript
bootstrap 下拉多选框进行多选传值问题代码分析
2017/02/14 Javascript
jQuery模拟爆炸倒计时功能实例代码
2017/08/21 jQuery
解决vue-cli创建项目的loader问题
2018/03/13 Javascript
vue2中使用less简易教程
2018/03/27 Javascript
vue鼠标移入添加class样式,鼠标移出去除样式(active)实现方法
2018/08/22 Javascript
vue实现自定义多选按钮
2020/07/16 Javascript
Python实现基于POS算法的区块链
2018/08/07 Python
Python numpy.array()生成相同元素数组的示例
2018/11/12 Python
PyCharm 设置SciView工具窗口的方法
2019/01/15 Python
python实现ftp文件传输功能
2020/03/20 Python
python实现学生管理系统开发
2020/07/24 Python
分享unittest单元测试框架中几种常用的用例加载方法
2020/12/02 Python
python 爬虫爬取京东ps4售卖情况
2020/12/18 Python
手把手教你用纯css3实现轮播图效果实例
2017/05/04 HTML / CSS
大学生自荐书范文
2015/03/05 职场文书
读书笔记格式
2015/07/02 职场文书
教师法制教育培训学习心得体会
2016/01/14 职场文书
MySQL 不等于的三种使用及区别
2021/06/03 MySQL
Python scrapy爬取起点中文网小说榜单
2021/06/13 Python
Golang 语言控制并发 Goroutine的方法
2021/06/30 Golang
一文搞懂MySQL索引页结构
2022/02/28 MySQL