状态栏 时间显示效果 数字钟
状态栏显示时间——数字钟
var timerID = null;
var timerRunning = false;
function stopclock (){
if(timerRunning)
clearTimeout(timerID);
timerRunning = false;
}
function showtime () {
var now = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds()
var timeValue = " " + ((hours >12) ? hours -12 :hours)
timeValue += ((minutes = 12) ? " pm" : "am"
window.status = timeValue;
document.title = timeValue;
timerID = setTimeout("showtime()",1000);
timerRunning = true;
}
function startclock () {
stopclock();
showtime();
}
window.onload=startclock
body { font-family: Tahoma; font-size: 9pt; color: #FFFFFF }
请看状态栏:
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
相关推荐
-
解析数字签名的substring结构(获取数字签名时间)
解析的结构和代码: 复制代码 代码如下: X509CertificateSubstring #region 文件描述 #endregion #region 类修改记录 : 每次修改一组描述 #endregion using System;using System.Security.Cryptography.X509Certificates; namespace DTLEntAdministration.Common{ /// <summary> /// 数字签名的Substring
-
使用JS显示倒计时数字时钟效果
本文实例讲述了JS实现的网页倒计时数字时钟效果.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> &l
-
状态栏 时间显示效果 数字钟
状态栏显示时间--数字钟 var timerID = null; var timerRunning = false; function stopclock (){ if(timerRunning) clearTimeout(timerID); timerRunning = false; } function showtime () { var now = new Date(); var hours = now.getHours(); var minutes = now.getMinutes();
-
javascript+jQuery实现360开机时间显示效果
实现效果: 实现原理: 给关闭按钮绑定点击事件,点击以后触发动画效果.利用jQuery的animate方法,先让显示天气的盒子高度变为0,接着让整个包含天气和事件的盒子宽度变为0,最后通过将display属性值设为none,使得close按钮消失. 实现代码: <!DOCTYPE html> <html> <head> <title>仿360开机效果</title> <meta charset="utf-8"> &
-
JS 时间显示效果代码
复制代码 代码如下: function settime() { var myyear,mymonth,myweek,myday,mytime,mymin,myhour,mysec; var mydate=new Date(); myyear=mydate.getFullYear(); mymonth=mydate.getMonth(); myday=mydate.getDate(); myhour=mydate.getHours(); mymin=mydate.getMinutes(); mys
-
JS实现浏览器状态栏显示时间的方法
本文实例讲述了JS实现浏览器状态栏显示时间的方法.分享给大家供大家参考,具体如下: 以前做个人主页的时候,总喜欢把自己的网页搞的很个性,在网上做跑马灯文字,在状态栏显示问候语,或者在状态栏添加时间显示,本代码就是实现了状态栏显示当前时间的物资,火狐没测度,IE下效果完美. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-status-bar-show-time-demo/ 具体代码如下: <!DOCTYPE HTML PUBLIC "
-
C# WinForm状态栏实时显示当前时间(窗体状态栏StatusStrip示例)
本文主要介绍了C# WinForm状态栏实时显示当前时间(窗体状态栏StatusStrip示例),分享给大家,具体如下: 实现效果:通过StatusStrip显示窗体状态栏,同时将状态栏分成三部分: 居左边显示相关文字信息及时间信息,中间操作系统登录名,居右边显示本地IP. 步骤: 1.创建窗体及添加StatusStrip 默认StatusStrip名称为statusStrip1 2.在statusStrip1的Items属性中 添加三个StatusLabel 默认名称为toolStripSta
-
详解JavaScript UTC时间转换方法
一.前言 1.UTC: Universal Time Coordinated,协调世界时. 2.格林尼治标准时(GMT) 格林尼治标准时间(Greenwich Mean Time,GMT)是指位于伦敦郊区的皇家格林尼治天文台的标准时间,因为本初子午线被定义在通过那里的经线. 理论上来说,格林尼治标准时间的正午是指当太阳横穿格林尼治子午线时的时间.由于地球在它的椭圆轨道里的运动速度不均匀,这个时刻可能和实际的太阳时相差16分钟. 地球每天的自转是有些不规则的,而且正在缓慢减速.所以,格林尼
-
超实用的javascript时间处理总结
前言 大家在前端Javascript开发中常会遇到处理日期时间的问题,经常会拿来一大堆处理函数才能完成一个简单的日期时间显示效果.为了提高网站的开发速度,可以把主代码封装在一个单独的函数里面,在需要的时候直接调用,下面看看给大家总结的一些时间处理类.大家需要的时候直接调用就可以了. var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1970-????) myDate
-
一个能对访问者进行编号、记录访问次数、IP、时间的统计制作实例
一个能对访问者进行编号.记录访问次数.IP.时间的统计制作实例 我做了一个网站,www.zydn.net 当然啦,跟大家一样,也摆了个计数器在上面,每天看计数器都在不断的翻,心里很高兴,不过后来我又想,到底是谁看了我的网站啊?是新朋友还是老朋友啊?也不知他们来了多少次,我还想给他们都编上号,于是我申请了 免费统计,不过一连换了N个都不满意,唉,看来,只有自己动手才能丰衣足食了,说干就干,水平臭臭,还望高手笑话之于,不访指教. 我以ACCESS库为例子,其实用SQL SERVER库也只要改一下链
-
利用numpy和pandas处理csv文件中的时间方法
环境:numpy,pandas,python3 在机器学习和深度学习的过程中,对于处理预测,回归问题,有时候变量是时间,需要进行合适的转换处理后才能进行学习分析,关于时间的变量如下所示,利用pandas和numpy对csv文件中时间进行处理. date (UTC) Price 01/01/2015 0:00 48.1 01/01/2015 1:00 47.33 01/01/2015 2:00 42.27 #coding:utf-8 import datetime import pandas as
-
JS根据Unix时间戳显示发布时间是多久前【项目实测】
后台接口给的时间数据为Unix时间戳,我们的需求是显示类似微信朋友圈显示发布时间为距离当前时间多久之前,"xx分钟之前","xx小时之前","xx个月之前". 类似这样的时间显示效果: 转换函数: /** * Unix时间戳转换为当前时间多久之前 * @param timespan int Unix时间戳 * @return timeSpanStr string 转换之后的前台需要的字符串 */ function Ftime (timespan)
随机推荐
- Lua中的string库(字符串函数库)总结
- c# Random快速连续产生相同随机数的解决方案
- Android App调试内存泄露之Cursor篇
- 在Ubuntu 16.04上用Docker Swarm和DigitalOcean创建一个Docker容器集群的方法
- 一些php技巧与注意事项分析
- 女人常说的32句谎言
- 简单总结Java的反射机制的运用
- [Oracle] Data Guard 之 Redo传输详解
- Jquery中巧用Ajax的beforeSend方法
- asp.net mvc实现简单的实时消息推送
- JS实现带鼠标效果的头像及文章列表代码
- 如何在Android中实现左右滑动的指引效果
- Android自定义扇形倒计时实例代码
- asp UTF-8 乱码问题的解决方法小结
- Android自定义实现开关按钮代码
- 你真的会洁面了吗?
- 网络互通设障,策略路由有方
- 23种设计模式(16)java访问者模式
- Phpstorm+Xdebug断点调试PHP的方法
- C语言正则表达式详解 regcomp() regexec() regfree()用法详解