位置: 编程技术 - 正文

在页面中输出当前客户端时间javascript实例代码(在页面中输出当前字符串的长度)

编辑:rootadmin

推荐整理分享在页面中输出当前客户端时间javascript实例代码(在页面中输出当前字符串的长度),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:要在页面上输出2+3=${2+3},写出当前页面,要在页面上输出2+3=${2+3},在打印输出对话框中,若选择页码范围,要在页面上输出2+3=${2+3},页面输出语句,在页面中输出当前字符,要在页面上输出2+3=${2+3},内容如对您有帮助,希望把文章链接给更多的朋友!

时间对象(Date())比较简单,本文旨在为初学者入门使用,大牛可略过!

本文承接基础知识实例,说一下实例的要求:

在页面中输出当前客户端时间(年1月1日星期一::这样的格式),每过一秒中页面不刷新,但是时间自动更新(用两种定时器方法都可以实现),鼠标点击时间,如果原先运动则停止,如果停止则继续运动;

要求基本上可分为2部分:一是不刷新自动更新时间,二是点击时间停止或更新时间

好,那我们还是老规矩,一步一步来,既然是时间,那就会用到时间对象 new Date();

获取时间对象我是用对象的方式来获取的,这样方便调用,结构也比较清晰,不必一个个定义,比较推荐这种写法,得到相应的值也很方便,比如获取年份:time.year;

得到我们需要获取的数据之后,然后要处理的是星期问题,因为现在获取的星期的值还是1,2,3,4,5,6,7,这里我们需要转换一下,将它变为我们看得到的文字信息,这里我们用一个函数包起来:

这里我用的是swicth case组合,这个判断条件特别适合做类似于星期这样的判断,这里就不多说了,当然,你也可以用if else组合来判断,看个人习惯问题,还有一个需要解决的问题就是,现在获取的分和秒在0-9的时候,是显示的0-9的数字,

不是我们常见的-这样的显示,为了将这样的时间变成我们熟悉的样子,我们同样可以写一个函数,将它转换一下:

在页面中输出当前客户端时间javascript实例代码(在页面中输出当前字符串的长度)

这里我用的是三元运算,如果对三元运算不是很了解的,看下面的代码,是一个意思:

好万事俱备,只欠东风了,我们先把这些代码整合起来,这样更方便使用:

这个函数应该能懂吧,传一个obj对象是为了能把时间在这个对象里面输出,但此时输出的时间还只是一个静态时间,页面不刷新,根本不会走,所以,我们接下来就来实现自动更新时间的功能,首先我们先给一个容器:

要实现时间自动更新,就需要使用定时器(setInterval() 或setTimeout()),这两个方法有点不一样,第一个是一直执行,除非清除定时器,第二个是只执行一次就不执行了,如果想要它一直执行,可以考虑用递归调用的方法,此方法就不在这里写了

我们选择用第一种:

到这里,一个在页面上显示的时间就可以自动更新显示了,但是我们还有一个要求,就是点击时间,时间要停止,再点击,时间又恢复更新,那这怎么做呢?为了便于理解,我给大家举个例子,应该就能明白,比如说一个灯,我按开关的时候,灯就亮了,我再按开关,灯就灭了,是不是跟我们的要求很像,所以我们设一个开关就能实现我们要的效果:

到这里,所以的功能就都实现了,你以为就这样就结束了吗?当然。。。不是,出于我们程序猿对代码的严谨态度,很多地方都是可以做优化的,所有的代码整理优化如下:

里面用到的几处三元运算和取反等操作,请好好的揣摩领悟一下!

到这里,你以为就这样就结束了吗?当然。。。不是,说到显示时间,这只是时间对象应用的九牛一毛,更多的应用应该是倒计时的应用,比如说团购网站,比如说验证码的倒计时等等,但是今天时间有限,这次就不在这里细说倒计时的功能了,我会单独开一片博客讲解倒计时的一些应用方法,供大家参考学习,我觉得还是有必要说说的,好了,今天就到这里!

关于在页面中输出当前客户端时间javascript实例代码的相关知识就给大家介绍多,希望对大家有所帮助!

JS实现为排序好的字符串找出重复行的方法 本文实例讲述了JS实现为排序好的字符串找出重复行的方法。分享给大家供大家参考,具体如下:实现这样一个需求,在一个Editplus文档中,有很多行

JS判断是否长按某一键的方法 本文实例讲述了JS判断是否长按某一键的方法。分享给大家供大家参考,具体如下:htmlxmlns="

JS简单实现String转Date的方法 本文实例讲述了JS简单实现String转Date的方法。分享给大家供大家参考,具体如下:scriptvars=["-8-1","/9/2","/3/"];for(vari=0;is.length;i++){vard=string2date(s[

标签: 在页面中输出当前字符串的长度

本文链接地址:https://www.jiuchutong.com/biancheng/379026.html 转载请保留说明!

上一篇:基于JavaScript实现类似于百度学术高级检索功能(javascript例题)

下一篇:JS实现为排序好的字符串找出重复行的方法(js中排序的函数)

  • 电梯的税收筹划怎么做
  • 定期定额户申报表怎么填
  • 什么时候贷主营业务成本
  • 如何保证企业生存发展
  • 油补是福利费还是工资
  • 税控服务费减免政策
  • 医院企业所得税怎么征收的
  • 一般纳税人劳务费税率是13还是6
  • 小规模纳税人零申报要报哪些税
  • 存款利息单需要缴纳个人所得税吗
  • 企业发生破产清算
  • 无偿使用房屋
  • 长期借款账务处理会计分录例题
  • 核定征收企业所得税能否享受税收优惠
  • 小规模纳税人税收优惠政策
  • 一般纳税人两费减免会计分录
  • 未开票收入怎么做账
  • 2018年个体工商户增值税起征点
  • 帮你用好小微企业所得税优惠的7个案例
  • 2020年开公司优惠政策
  • 劳务费发票已开款未收回如何做帐?
  • 财务人员工资计入什么费用?
  • 忘记电脑开机密码怎么打开电脑
  • ahqinit.exe是什么进程 ahqinit是安全的进程吗
  • 企业将自有房产全部租出去房产税如何征收
  • 报销差旅费会计科目怎么写
  • 长期股权投资引入新投资者账务处理
  • 消费税的计税方法有
  • 外贸企业出口免抵退
  • 核心概念英文翻译
  • Windows下php+mysql5.7配置教程
  • 个人独资企业建筑类怎么注册
  • php语言之面向对象编程 educoder
  • php 替换字符
  • 人工智能lisp
  • 中标费用由哪方出
  • 职工教育经费年底要冲回吗
  • 一台设备可以分开开票吗
  • C语言中如何计算除法
  • 文化事业建设费税收优惠2023
  • 绿化租赁合同要交印花税吗
  • 会议期间的餐费算会务费吗
  • 坏账准备计入科目
  • 开具增值税专用发票的承诺书
  • PostgreSQL 安装和简单使用第1/2页
  • 个人增值税发票税率
  • 公司购买的金蝶软件属于的固定资产吗
  • 股东分红要不要纳税?
  • 公司向法人借款有税务风险吗
  • 核定征收的企业需要汇算清缴吗
  • 当月购买固定资产需要计提吗
  • 工会经费怎么计提及使用
  • 报关单金额大于出口发票金额
  • 样板房装修可以住人吗
  • 工会会计有工资么
  • 现金日记账的登记规范及要求
  • 怎么查对方是一般还是小规模
  • 法人代表可以兼任出纳吗
  • 员工报销培训费怎么做账
  • 应付票据含税吗
  • 获取linux系统版本
  • spool.exe - spool是什么进程
  • 组策略禁用u盘怎么打开
  • 如何设置访问共享文件夹
  • Win10怎么打开屏幕键盘
  • win10如何安装office
  • win7c盘突然满了怎么回事
  • win8.1专业版怎么升级成win10
  • 怎么恢复手机桌面时间和日期
  • unity做app开发
  • Unity3D游戏开发标准教程
  • 原生js import
  • nodejs查找文件
  • unity2020怎么导入资源
  • unity3d quaternion
  • 如何用jquery
  • javascript常用的数据类型有哪些
  • 国家税务总局好进吗
  • 怎样进行造林面积检查验收
  • 调研基本情况介绍范文
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设