【JavaScript】状态栏显示时间，并随时间变化

最新推荐文章于 2021-06-03 22:38:42 发布
最新推荐文章于 2021-06-03 22:38:42 发布
阅读量1.1k 收藏
点赞数
分类专栏： JavaScript 文章标签： javascript function date
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/siyue_qi/article/details/2463393
版权
<HTML>
<HEAD>
  <META http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <META http-equiv="Content-Script-Type" content="text/javascript">
  <META http-equiv="Content-Style-Type" content="text/css">
  <TITLE>例2</TITLE>
  <SCRIPT language="javascript">
    var Flag = true;
    var s = "";

    function shijian() {
      var date = new Date();
      s = date.getYear() + "年" +
          (date.getMonth()+1) + "月" +
          date.getDate() + "日" +
          date.getHours() + "点" +
          date.getMinutes() + "分" +
          date.getSeconds() + "秒";
      if (!Flag) {
        s = "";
      }
      window.status = s;
      setTimeout("shijian();", 1000);
    }

    function stopTime() {
      if (Flag) {
        Flag = false;
        window.status = "";
      } else {
        Flag = true;
        window.status = s;
      }
    }
  </SCRIPT>
</HEAD>

<BODY onLoad="shijian();" onClick="stopTime();">

</BODY>

</HTML>
siyue_qi
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS实现浏览器状态栏显示时间的方法
11-22
本文实例讲述了JS实现浏览器状态栏显示时间的方法。分享给大家供大家参考，具体如下： 以前做个人主页的时候，总喜欢把自己的网页搞的很个性，在网上做跑马灯文字，在状态栏显示问候语，或者在状态栏添加时间显示，本代码就是实现了状态栏显示当前时间的物资，火狐没测度，IE下效果完美。 运行效果截图如下： 在线演示地址如下： http://demo.jb51.net/js/2015/js-status-bar-show-time-demo/ 具体代码如下： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEA
TITLE栏信息随时间显示.rar
03-23
如果标题栏信息随时间显示变化，这可能意味着程序在运行过程中会实时更新某些关键信息，比如日期、时间、未读消息数量或者其他与时间相关的活动状态。 在Windows操作系统中，例如，某些应用程序会在标题栏上显示...
js 状态栏显示时间
为天加朵云...
09-16 2715
将下代码copy入你网页的和中的合适地方即可。<!--var timerID = null;var timerRunning = false;function stopclock (){if(timerRunning)clearTimeout(timerID);timerRunning = false;}function showtime () {var
html 状态栏显示,JS实现浏览器状态栏显示时间的方法
weixin_39731456的博客
05-30 414
这篇文章主要介绍了JS实现浏览器状态栏显示时间的方法，涉及JavaScript针对时间及状态栏操作的相关技巧，具有一定参考借鉴价值,需要的朋友可以参考下，具体如下：以前做个人主页的时候，总喜欢把自己的网页搞的很个性，在网上做跑马灯文字，在状态栏显示问候语，或者在状态栏添加时间显示，本代码就是实现了状态栏显示当前时间的物资，火狐没测度，IE下效果完美。运行效果截图如下：在线演示地址如下：具体代码如下...
状态栏的时间显示(javascript)
07-13 1423
var timerID = null;//设置变量timeID，其为null数据类型。var timerRunning = false;//设置变量timeRunning，其为布尔型。function stopclock (){//定义一个函数。        if(timerRunning)                clearTimeout(timerID);        timerRu
时间的自动变化，js
08-17 1129
http://www.w3.org/1999/xhtml"> 随时间变化动态显示问候语的JS代码-时间特效-网页特效-站长新动力-msxindl.com 在网上有很多类似“随时间变化动态显示问候语的JS代码”，都有一个缺点就是：如果用户没有刷新页面，问候语就不
javascript经典特效---动态状态栏说明.rar
02-05
状态栏通常指的是浏览器窗口底部显示的信息区域，它可以显示页面加载进度、链接目标等信息，而动态状态栏则指的是状态栏内容能够随用户交互或页面变化而实时更新。 动态状态栏的实现主要涉及到JavaScript的DOM...
网页状态栏显示特效......
06-05
网页状态栏显示特效是网页设计中的一个小巧但有趣的技术，它可以增强用户体验，吸引用户的注意力，尤其是在传达重要消息或创建互动效果时。状态栏通常是指浏览器窗口的底部区域，显示URL、加载进度等信息。通过...
js 动态文字滚动的例子
12-13
- `动态`：指动态效果，即网页元素随时间变化的行为。 - `状态栏`：指的是浏览器窗口底部显示URL、加载进度等信息的部分，也可以用来显示自定义文本。 总的来说，这个例子展示了如何用JavaScript实现两种不同的文字...
程序天下:JavaScript实例自学手册
07-08
4.3 状态栏显示鼠标位置 4.4 点击鼠标右键到指定页 4.5 鼠标放到图片上会显示另外一张图片 4.6 鼠标形状定义大全 4.7 鼠标移入移出时颜色变化 4.8 跟随鼠标的文字 4.9 跟随鼠标的彩色文字 4.10 跟随鼠标的魔法文字 ...
在状态栏中显示当前系统时间
Tamagasumi
09-10 877
var  timerID =null ;var  timerRunning = false;function stopclock(){if(timerRunning)     clearTimeout(timerID); timerRunning  =false;}function  showtime(){   var  now =new  Date
用JS实现显示当前时间(实时变化)
oEveryman的专栏
10-09 1295
首先在之间加上JS方法：               setInterval("timer.innerHTML=new Date().toLocaleString()+'  星期'+'日一二三四五六'.charAt(new Date().getDay());",1);           然后在页面的中调用这个JS方法： 最后，在你需要显示时间的地方，加
javascript页面动态显示时间变化示例代码
unity3d学习者
12-19 1255
页面动态显示时间变化的方法有很多，本文为大家介绍下使用javascript的具体实现，感兴趣的朋友不要错过  代码如下: function getDateDemo(){ /* //声明时间 var date = new Date(); alert(date);//当前时间 alert(date.toLocaleString());//转化为本地时间 al
js实现页面时间动态变化
美丽的泡沫
07-08 4638
利用函数嵌套和setTimeout函数实现时间动态变化 var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1970-????) myDate.getMonth(); //获取当前月份(0-11,0代表1月) myDate.getDat
JavaScript设置标题栏或者状态栏动态显示时间
microcosmv的博客
07-14 5057
例1：实现标题栏动态显示系统时间。<!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"> <head> <title>
当前时间显示在状态栏HTML,JS实现浏览器状态栏显示时间的方法
weixin_36115763的博客
06-03 462
状态栏时间显示var timerID = null;var timerRunning = false;function stopclock (){if(timerRunning)clearTimeout(timerID);timerRunning = false;}function showtime () {var now = new Date();var hours = now.getHours...
随时间变化的图形(javascript)
07-12 1611
 演示效果无题 var dt = new Date();//定义一个新的时间对象。var hr = dt.getSeconds();//定义一个变量,获得当前的秒数。if (hr    else if (hr    else hr=9;//当前的秒数大于40小于60时，hr=9。var msg="";//设置变量msg的值为要显示图的路径，并输出这张图。document.write(msg);
浏览状态栏放消息HTML,利用js实现在浏览器状态栏显示访问者在本页停留的时间...
weixin_42347739的博客
05-31 716
问题描述：在状态栏上显示 ，访问者在本页停留的 时间 (如：您在本页停留了 (如：您在本页停留了 X小时 X分 X秒)该问题相当于是设计一个计时器，用于显示浏览者在该页面停留了多长时间。要解决该问题，我想到的主要有两种方法。方法一：利用系统时间。即先设置一个变量，用于获取登录开始时间startTime,然后利用setTimeout()函数让页面不停的刷新，在刷新的同时，获取当前时间nowTime，...
JavaScript状态栏显示滚动文字
最新发布
04-21
JavaScript状态栏滚动文字的代码如下： ```javascript <script type="text/javascript"> var text="这是要滚动的文字"; // 设置要滚动的文字 var speed=100; // 设置滚动速度 var pos=0; function marquee(){ window.status=text.substring(pos,text.length)+text.substring(0,pos); pos++; if(pos>text.length) pos=0; setTimeout("marquee()",speed); } marquee(); </script> ``` 请注意，这段代码会在状态栏中显示滚动文字，但是现代浏览器通常已经禁止了在状态栏中显示滚动文字的功能。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值