JavaScript设置标题栏或者状态栏动态显示时间

最新推荐文章于 2023-12-24 13:41:54 发布
最新推荐文章于 2023-12-24 13:41:54 发布
阅读量4.9k 收藏 8
点赞数
分类专栏： JavaScript 文章标签： javascript 标题栏显示时间 动态显示时间
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/microcosmv/article/details/51908090
版权

例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> test </title>
  <meta charset="utf-8" />
  <meta name="generator" content="editplus" />
  <meta name="author" content="" />
  <meta name="keywords" content="" />
  <meta name="description" content="" />
 </head>
<script type="text/javascript">
<!--
    function init(){
        var d = new Date();
        document.title = d.toLocaleString();
        setTimeout("init()",1000);
    }
//-->
</script>
 <body onload = "init()">

 </body>
</html>

例2：实现浏览器的状态栏动态显示系统时间。

<!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> test </title>
  <meta charset="utf-8" />
  <meta name="generator" content="editplus" />
  <meta name="author" content="" />
  <meta name="keywords" content="" />
  <meta name="description" content="" />
 </head>
<script type="text/javascript">
<!--
    function init(){
        var d = new Date();
        window.status = d.toLocaleString();
        setTimeout("init()",1000);
    }
//-->
</script>
 <body onload = "init()">

 </body>
</html>

以上测试于IE11。
以上内容作为个人学习记录，仅供参考。

microcosmv
关注
  • 0
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS实现日期时间动态显示的方法
11-23
本文实例讲述了JS实现日期时间动态显示的方法。分享给大家供大家参考，具体如下： 运行效果截图如下： 具体代码如下： <html> <head> <title>js日期时间动态显示</title> </head> <body> <div id='jnkc'></div> [removed]setInterval("jnkc[removed]=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());",1000); [removed] </body> </html> 希望本文所述对大家Java
状态栏 时间显示效果 数字钟
09-05
JavaScript日期特效，在状态栏显示一个数字钟，虽然现在不怎么用，但本代码有助于研究JavaScript对IE对象的控制技巧，必要时参考一下。
python实现元旦多种炫酷高级倒计时_附源码
最新发布
一见已难忘的博客
12-24 1994
愿你在新的一年里，收获满满的快乐和成就，健康安康，事业有成。这是一个简单的Python脚本，用于计算离指定日期（2024年元旦）的倒计时，以天、小时、分钟和秒为单位。组件显示背景图片，设置文本的对齐方式、字体、颜色等属性，并将图片放置在窗口的坐标(0, 0)处。在这辞旧迎新的时刻，送上最美好的祝愿：愿你迎接新的一年，心怀希望，面带微笑，步履坚定，携手幸福。这个类表示烟花的粒子，包含了粒子的各种属性和方法，用于模拟粒子的运动和效果。库创建的烟花模拟程序，模拟多个烟花在窗口中的绽放效果。
JavaScript实现网页中动态的显示日期时间
luo_837791460的博客
05-08 6624
JavaScript实现网页中动态的显示日期时间
js面试编程题总结（一）
fish_skyyyy的博客
01-26 950
1、实现在标题栏和状态栏上动态显示当前时间的效果。 title = document.title; function showTime() { d = new Date(); time = d.getHours() + ":" + d.getMinutes() + ":" + d.getSeconds(); //在标题栏中显示动态时间 document.title = title + " - " + time; //在状态栏中显示动态时间
每日一练 6.2
panjie的博客
06-03 226
1.实现在标题栏上动态显示当前时间的效果。2.查询计算机成绩低于95的学生信息3.输入3个数a,b,c，按大小顺序输出public class Test602 { public static void main(String[] args) { // TODO Auto-generated method stub Scanner s = new Scanner(System.in);  ...
JavaScript实现动态时间显示功能
a320976399的博客
10-29 1万+
一、基本思路 创建showTime()函数，利用JavaScript中的Date对象的属性及方法获取时间，利用Window对象的 setInterval() 方法按照指定的周期（以毫秒计）来调用函数或计算表达式。最后利用document对象实现在页面上显示。 二、代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>显示时间</title> <
用JS做一个简易的时间显示动态效果
weixin_46095138的博客
07-04 1199
用JS做一个时间动态显示效果
程序天下:JavaScript实例自学手册
07-08
13.28 状态栏动态显示时间 13.29 页面访问时间限制 13.30 显示英文上、下午的时间 13.31 用JavaScript制作的特色时钟 13.32 自定义的日历 13.33 生日提醒器 13.34 时间的倒影 13.35 使用正则表达式验证日期 13.36 ...
JavaScript在浏览器标题栏上显示当前日期和时间的方法
12-12
本文实例讲述了JavaScript在浏览器标题栏上显示当前日期和时间的方法，分享给大家供大家参考。具体如下： 将这段脚本放到head区即可： [removed] <!-- function resetIt() { // Calculate Time var timerID = null; var timerRunning = false; if(timerRunning) clearTimeout(timerID); timerRunning = false; // getTime var timeNow = new Date(); var
JS实现网页标题栏显示当前时间和日期的完整代码
11-27
本文实例讲述了JS实现网页标题栏显示当前时间和日期的完整代码。分享给大家供大家参考，具体如下： 本效果实现在网页的标题栏最前端显示当前的时间和日期，还可以显示星期几，JS代码，不过代码在兼容性方面好像有些问题，如果是IE的话则正常显示，其它浏览器则看不到效果。 运行效果截图如下： 在线演示地址如下： http://demo.jb51.net/js/2015/js-title-show-date-time-codes/ 具体代码如下： <html> <head> <title>网页标题栏显示当前时间和日期的代码</title> <script language="JavaScript1.2"
JavaScript网页特效范例宝典源码
09-04
实例016 动态显示窗口 29 实例017 慢慢放大的窗口 30 实例018 下降式浏览器 32 实例019 旋转的窗口 33 实例020 移动的窗口 34 实例021 震动的窗口 35 实例022 弹出广告窗口 36 1.4 窗口控制 37 实例023 窗口始终在最...
《程序天下：JavaScript实例自学手册》光盘源码
02-08
13.28 状态栏动态显示时间 13.29 页面访问时间限制 13.30 显示英文上、下午的时间 13.31 用JavaScript制作的特色时钟 13.32 自定义的日历 13.33 生日提醒器 13.34 时间的倒影 13.35 使用正则表达式验证日期 13.36 ...
javascript网页特效实例大全
01-25
4.12 动态显示访问时间 75 4.13 在指定时间内保存页面 76 4.14 离今天最近的两个星期天 78 4.15 记录在网站停留的时间 79 4.16 带开关的时钟 80 4.17 每天显示一条不同的信息 81 4.18 模拟时钟 82 4.19 英文...
JavaScript：实现鼠标的悬停及移出事件
热门推荐
microcosmv的博客
07-16 8万+
Event 对象 Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。 事件通常与函数结合使用，函数不会在事件发生前被执行！ 事件句柄　(Event Handlers) 属性 此事件发生在何时… onmouseout 鼠标从某元素移开。 onmouseover 鼠标移到某元素之上。 例1：鼠标悬停和移出显示为两种CSS
如何获取textarea中的内容？innerhtml、innerText还是value？
microcosmv的博客
02-19 1万+
答案：value。 注意：form 里的Dom元素(input select checkbox textarea radio)都是value
JavaScript的onunload()方法在关闭页面时不执行
microcosmv的博客
07-18 1万+
以下仅确定适用于IE11。 解决办法：将onunload()方法换为onbeforeunload()。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.
JavaScript的history对象实现页面前进、后退、跳转
microcosmv的博客
07-16 9941
History 对象的方法 方法 描述 back() 加载 history 列表中的前一个 URL forward() 加载 history 列表中的下一个 URL go() 加载 history 列表中的某个具体页面 个人理解是go内参数当前页面为0，前边打开的页面为负数，后面打开的页面为正数。 例1：实现a、b、c页面之间前进后退和跳转。a页面代码：<!DOCTY
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、付费专栏及课程。

余额充值