`
爪哇夜未眠
  • 浏览: 29314 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
文章分类
社区版块
存档分类
最新评论

设置新开窗口的特征-在状态栏中显示时间

阅读更多
设置新开窗口特征

<html>
<head>
<title>设置新开窗口的特征</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
</head>
<body>
<!--新开一个指定大小的窗口-->
<input type="button" onclick="window.open('sample01.htm','窗口名字','width=300,height=100')" value="按钮一">
<!--新开一个指定大小的窗口,并显示地址栏-->
<input type="button" onclick="window.open('sample01.htm','','width=300,height=100,location=yes')" value="按钮二">
<!--新开一个指定大小的窗口,并显示地址栏、菜单栏-->
<input type="button" onclick="window.open('sample01.htm','','width=300,height=100,location=yes,menubar=yes')" value="按钮三">
<!--新开一个窗口,并显示地址栏、菜单栏、可以调整窗口大小-->
<input type="button" onclick="window.open('sample01.htm','','location=yes,menubar=yes,resizable=yes')" value="按钮四">
</body>
</html>

周期执行-在状态栏中显示时间

<html>
<head>
<title>在状态栏显示时间</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<script type="text/javascript" language="javascript">
<!--
function showTime()
{
//获得当前时间
var now = new Date();
//在状态栏中显示当前时间
window.status = "当前时间为:" + now.toLocaleString();
}
//每隔1移调用一次showTime()函数
window.setInterval("showTime()",1000);
-->
</script>
</head>
<body>
</body>
</html>

延迟执行--跑马灯

<html>
<head>
<title>跑马灯</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<script type="text/javascript" language="javascript">
<!--
//设置跑马灯内容
var str = "您好,欢迎光临!";

//设置一个用于控制显示字数的变量
strLeng = 0;

//设置跑马灯的函数
function showText()
{
//如果要显示的字数等于跑马灯内容的长度,则将其重新初始化
if (strLeng==str.length)
{
strLeng = 0;
}
//显示字数加1
strLeng++;

//显示在状态栏的文字
var statusText = str.substring(0,strLeng);
window.status = statusText;
//延时1秒钟之后再一次调用本函数
window.setTimeout("showText()",1000);
}
-->
</script>
</head>
<body onload="showText()">
</body>
</html>

取消周期执行--延时注册
<html>
<head>
<title>延时注册</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<script type="text/javascript" language="javascript">
<!--
//设置倒计时的时间
var time = 10;

//在按钮上显示倒计时的时间
function disabledButton()
{
time--;
myForm.myButton.value = "请阅读(" + time + ")";
}
//每隔1移调用一次showTime()函数
var runId = window.setInterval("disabledButton()",1000);

//结果在按钮上显示倒计时的时间
function enableButton()
{
//停止周期执行
window.clearTimeout(runId);
//将按钮设为可用
myForm.myButton.disabled = false;
//修改按钮上的文字
window.setTimeout("myForm.myButton.value='注册'",1000);
}

//10秒后停止周期执行
window.setTimeout("enableButton()",10000);
-->
</script>
</head>
<body>
<form name="myForm">
<p align="center">注册条款</p>
<p>要善于网上学习,不浏览不良信息;要诚实友好交流,不侮辱欺诈他人;要增强自护意识,不随意约会网友;要维护网络安全,不破坏网络秩序;要有益身心健康,不沉溺虚拟时空。</p>
<p align="center"><input type="button" name="myButton" value="请阅读(10)" disabled="true" onclick="alert('进入注册页面')"></p>
</form>
</body>
</html>

取消延时执行--计数器
<html>
<head>
<title>计时器</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<script type="text/javascript" language="javascript">
<!--
//定义变量,该变量用于存储setTimeout()方法的返回值
var timeoutId;

//开始计数
function countBegin()
{
//将文本框中的数字加1后显示在文本框中
myForm.myText.value = parseInt(myForm.myText.value)+1;
//延时0.1秒后再将执行该函数
timeoutId = window.setTimeout("countBegin()",100);
}

//停止计数
function countEnd()
{
window.clearTimeout(timeoutId);
}
-->
</script>
</head>
<body>
<form name="myForm">
计时:<input type="text" size="5" value="0" name="myText"><br>
<input type="button" value="开始计时" onclick="countBegin()">
<input type="button" value="停止计时" onclick="countEnd()">
</form>
</body>
</html>
分享到:
评论

相关推荐

    javascript经典特效---状态栏新型时间.rar

    然后,通过`setInterval`设置定时器,每秒调用一次`displayTime`,并将结果显示在浏览器的状态栏中。 然而,需要注意的是,出于安全和用户体验考虑,现代浏览器已经限制或取消了在状态栏显示自定义文本的功能。因此...

    javascript经典特效---状态栏特殊显示.rar

    例如,当用户将鼠标悬停在某个元素上时,我们可以在状态栏中显示与该元素相关的提示信息。这通常通过事件监听器(如`onmouseover`和`onmouseout`)来触发,实现文本的动态更新和恢复。 2. **延时显示和隐藏** 为了...

    javascript经典特效---状态栏显示时区.rar

    在实现状态栏显示时区的特效时,可能需要监听浏览器的滚动事件或者页面加载事件,确保当用户打开页面或滚动到特定位置时,时区信息能正确地出现在状态栏中。可以使用`window.onscroll`或`window.onload`事件来触发...

    MFC状态栏显示系统时间

    在MFC中,Status Bar是一个控件,可以在窗体状态栏中添加日期和时间。通过添加New String在String Table中,并在MainFrm.cpp中声明indicators,可以实现状态栏的显示。 知识点2:定时器的使用 在MFC中,可以使用...

    MFC对话框程序添加状态栏随窗口大小变化,动态显示时间

    通过以上步骤,我们成功地在MFC对话框程序中添加了一个动态显示时间的状态栏,并使其能够随窗口大小变化自适应调整。这个功能的实现既提升了用户界面的交互性,也为用户提供了实时的系统时间信息。在实际开发中,...

    javascript经典特效---时间在状态栏显示.rar

    【标题】"javascript经典特效---时间在状态栏显示.rar"所涉及的知识点主要集中在JavaScript语言的应用上,特别是关于浏览器状态栏的时间动态显示技术。JavaScript是一种轻量级的解释型编程语言,广泛应用于网页和...

    商业编程-源码-在标题栏中显示动态图标.zip

    本资源“商业编程-源码-在标题栏中显示动态图标.zip”显然是针对这一主题提供的一份源代码示例,旨在帮助开发者学习如何实现这一功能。 动态图标通常由一系列图像帧组成,它们按照一定的时间间隔进行切换,形成一种...

    在MFC状态栏显示时间

    ### 在MFC状态栏显示时间 #### 背景与目的 ...通过上述步骤,我们不仅可以在MFC应用程序的状态栏中显示时间,还可以根据需求调整显示的格式和内容。这种灵活性使得开发人员能够更好地满足用户界面设计的要求。

    vc 在状态栏显示时间

    要在状态栏上显示时间,我们需要创建一个pane并将其用于显示时间。 步骤如下: 1. **初始化状态栏**:在派生自CFrameWnd或CMDIFrameWnd的类的OnCreate()函数中,调用CStatusBar的Create()函数初始化状态栏。例如:...

    状态栏显示时间

    在Windows应用程序开发中,状态栏(StatusBar)是用户界面中的一个重要元素,通常位于窗口的底部,用于显示一些简短的信息,如系统时间、文件状态等。本教程将详细讲解如何在状态栏上显示系统时间,主要涉及两种函数...

    VB6.0在状态栏显示时间、定义字体和操作提示等.rar

    VB自定义窗口的状态栏,一个使用StatusBar的例子,使状态栏显示时间,字体和相关的操作提示等信息,主要是使用VB StatusBar实现,学习一下如何对其进行设置等。下面的参数设置对应实现状态栏显示的功能:  名称-----...

    列表框插入行数据,带状态栏显示时间

    "状态栏显示时间"是指在应用程序的状态栏中实时显示当前的操作时间,如数据插入的时间戳。状态栏是用户界面的一部分,通常位于窗口的底部,显示与程序状态相关的信息。它可以帮助用户了解程序的运行情况,如操作进度...

    状态栏显示当前时间及日期.rar

    接下来,为了在状态栏显示时间,我们需要将其格式化为更易读的形式。例如,我们可能希望展示"HH:mm:ss"(24小时制)的时间格式和"YYYY-MM-DD"的日期格式。我们可以分别使用`getHours()`, `getMinutes()`, `...

    ios-改变状态栏.zip

    在iOS开发中,状态栏(Status Bar)是设备屏幕顶部显示时间、电池状态、网络连接等信息的小区域。有时候,为了实现特定的界面设计或功能,开发者可能需要自定义或改变状态栏的样式。本教程将详细介绍如何在iOS应用中...

    状态栏显示当前时间、BMP位图、显示进度条、为对话框窗口创建状态栏

    本篇文章将深入探讨如何利用VC++实现状态栏上的功能,包括显示当前时间、显示BMP位图、创建进度条以及在对话框窗口中设置状态栏。 首先,让我们来了解如何在状态栏上实时显示当前时间。在Windows API中,可以使用`...

    MFC中添加状态栏显示时间

    通过以上步骤,你就能在MFC应用的状态栏中看到实时更新的时间了。这个过程涵盖了MFC的基本控件使用、消息处理和时间管理,对于初学者来说,不仅能够熟悉MFC的开发流程,还能提升对Windows编程的理解。同时,这个功能...

    javascript经典特效---状态栏特效(九).rar

    3. **时间戳更新**:在状态栏显示实时更新的时间或日期,常用于在线聊天应用,显示消息的最新接收时间。 4. **伪链接提示**:对于非链接元素模拟链接行为,当用户鼠标悬停时,状态栏显示自定义提示信息。 5. **...

    javascript经典特效---状态栏慢慢计算Pi值.rar

    JavaScript的字符串函数,如`substring`、`padStart`或`toFixed`,可能会被用来格式化数字,使其在状态栏中看起来更整洁。 总结来说,这个“javascript经典特效---状态栏慢慢计算Pi值”的实现涉及到以下JavaScript...

    cocoscreator不全屏,显示状态栏设置方法

    4. **设置视图控制器**:如果你的游戏使用StoryBoard或Scene,你可能需要在每个ViewController中设置状态栏显示。找到你的主ViewController,通常是`AppDelegate.m`或者`AppController.mm`,在`...

    javascript经典特效---动态状态栏说明.rar

    状态栏通常指的是浏览器窗口底部显示的信息区域,它可以显示页面加载进度、链接目标等信息,而动态状态栏则指的是状态栏内容能够随用户交互或页面变化而实时更新。 动态状态栏的实现主要涉及到JavaScript的DOM...

Global site tag (gtag.js) - Google Analytics