位置: 编程技术 - 正文

JavaScript进阶教程(第三课第二部分)第1/2页(javascript教学视频)

编辑:rootadmin

要使定时器循环工作你需要写一个函数实现循环调用。这里是一个例子:

var the_count = 0; var the_timeout; function doTimer() { window.document.timer_form.the_text.value = the_count; the_count += 2; the_timeout = setTimeout("doTimer();", ); }

这里用到的定时器就是上一页所用的定时器。当用户点击按钮时就调用该函数。该函数将the_count的当前值写到文字框中。然后the_count增加2,则开始调用函数自身。文字框中的数值也相应更新,the_count在增加2, 则再次调用函数自身。在等待的这两秒期间浏览器则可以执行其他的同步工作。the_count一增加2就执行另一次setTimeout()。你不用担心会造成内存崩溃,因为在给定时间内只有一个setTimeout()在执行。

而无限的"while" 循环则会锁定浏览器的工作,在执行该循环的过程中浏览器不能同时执行别的任何指令。而setTimeout则可以使循环的间隙中让浏览器执行别的工作。

如何取消setTimeout?

现在你已经学习了如何设置一个无限循环。但是你必须懂得如何终止循环。其指令就是clearTimeout。上例中定时器还有下面这个表单元素:

<input type="button" value="stop timer" onClick="clearTimeout(the_timeout);">

点击这个按钮就可以终止定时器。指令是clearTimeout(),其实很简单,如果你这样设置setTimeout,the_timeout = setTimeout("some javascript",);

你可以这样取消定时器:clearTimeout(the_timeout);

很简单,对吧?下面我们看一个复杂循环定时器,一个可以报告时间的定时器。

现在时间是:

点击“启动时钟”则时钟开始运行。它从你的计算机中读取时间并每半秒更新一次文字框中的显示。这个例子通过一个自调用的函数设置了一个定时器。同时这个例子可以让你了解一点Date对象的功能。当讲解cookies时,我提到过Date对象。

以下是代码: function writeTime() { // 获得日期对象 var today = new Date();

// 从对象中获得信息 var hours = today.getHours(); var minutes = today.getMinutes(); var seconds = today.getSeconds();

// fixTime 使分和秒可以正常显示 // 对于小于的数字则在该数字前加一个0 minutes = fixTime(minutes); seconds = fixTime(seconds);

//将时间字符串组合在一起并写出 var the_time = hours + ":" + minutes + ":" + seconds; window.document.the_form.the_text.value = the_time;

//每半秒钟执行一次该函数 the_timeout= setTimeout('writeTime();',); }

function fixTime(the_time) { if (the_time <) { the_time = "0" + the_time; }

return the_time; }

我们仔细研究一下代码。

var today = new Date(); 正如new Array() 可以生成一个新的数组,你可以可以用new Date() 生成一个新的日期对象。生成对象之后,你可以对其提出你的问题。你生成的新的日期对象的括号中间没有任何参数, 但JavaScript会查询计算机的始终并用其生成新的日期对象。现在我们的日期对象名为"today" ,我们可以从中提取相应的信息。 var hours = today.getHours(); 这条用于获得当前的小时值。它是军队格式的时间,即,如果当前时间是下午两点,则它返回的值是。getHours()是Javascript的日期对象内置的方法调用。

var minutes = today.getMinutes(); var seconds = today.getSeconds(); 这几行原理和getHours()类似。

minutes = fixTime(minutes); getMinutes存在一些问题,如果分钟是:, getMinutes将返回 "1"。时钟的显示格式可不是这样,它应该显示为“”。fixTime函数就是用于执行纠正显示格式的功能。

下面两行将字符串组合在一起并显示出来, the_timeout = setTimeout('writeTime();', );

设置每半秒执行一次该函数的循环。

下一讲我们将学习如何在定时器中加入变量。

推荐整理分享JavaScript进阶教程(第三课第二部分)第1/2页(javascript教学视频),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:javascript教学视频,javascript入门教程,javascript教程完整版,javascript教程完整版,js进阶视频教程,JavaScript进阶教程,js进阶视频教程,js进阶视频教程,内容如对您有帮助,希望把文章链接给更多的朋友!

JavaScript进阶教程(第三课第二部分)第1/2页(javascript教学视频)

Javascript中eval函数的使用方法与示例 定义和用法eval()函数可计算某个字符串,并执行其中的的JavaScript代码。语法eval(string)参数描述string必需。要计算的字符串,其中含有要计算的JavaScript

经常用到的JavasScript事件的翻译 onabort当用户中断下载图像时触发。onactivate当对象设置为活动元素时触发。onafterprint对象所关联的文档打印或打印预览后立即在对象上触发。onafterupdate

如何做到打开一个页面,过几分钟自动转到另一页面 如何做到打开一个页面,过几分钟自动转到另一页面1楼scriptwindow.setInterval("location='2.asp'",分钟数**);/script2楼setInterval("window.location='yourUrl'",youIntevalTim

标签: javascript教学视频

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

上一篇:JavaScript进阶教程(第三课)第1/2页(js进阶视频教程)

下一篇:Javascript中eval函数的使用方法与示例(js中eval函数是干嘛的)

  • 个体户是否属于免征纳税对象是什么意思
  • 如何判断销售额含税还是不含税
  • 珠宝饰品在什么地方买
  • 企业所得税计算公式
  • 交易性金融资产是什么意思
  • 金税四期上线后还需要会计吗
  • 外聘人员需要申报个税吗
  • 应交税费消费税分录
  • 需要月报的税收项目
  • 个体户核定征收超过了怎么办
  • 发票联丢失能用抵扣联入账吗
  • 增资印花税缴纳时间
  • 一台电脑上能装多个金税盘吗?
  • 房改房继承需要原单位开证明吗
  • 已认证的发票对账怎么办
  • 用现金发工资不给怎么办
  • 发票勾选保存后不提交了能留到下月抵扣吗?
  • 税务局不备案可以吗
  • 财政拨款收入如何记账
  • 新会计准则下的会计科目
  • 苹果微信语音怎么调成喇叭
  • 网络公司的财务主要做什么
  • 银行退回手续费的账务处理
  • linux系统命令查询
  • tim模块
  • LNMP部署laravel以及xhprof安装使用教程
  • 礼的部首是什么部
  • php调用ffmpeg实现切片
  • vue打包成一个文件
  • 小规模纳税人应纳增值税额的计算
  • 分次预缴税额怎么算
  • php常用的字符串函数
  • php处理异常
  • 一个残疾证一年单位免多少税2023
  • 印花税按什么的比例缴纳
  • 报税是按照实际收入还是开票
  • PostgreSQL教程(十):性能提升技巧
  • 金税盘税务申报流程
  • 计提印花税会计
  • 一般纳税人企业所得税税率2023
  • 季报业务活动表怎么做
  • 研发费用明细科目怎么填
  • 工程审图费入什么会计科目
  • 多提税金的具体分录
  • 机器设备一般折旧几年
  • 内部产生的商誉应确认为无形资产
  • 独立核算好处
  • 怎么样创建
  • 新装mysql设置密码
  • win8.1无法启动怎么办
  • windowsxp错误提示
  • vista改win7
  • 微软每月补丁更新一般于什么时间发布
  • win7桌面计算机
  • win8分盘怎么分
  • win8如何添加启动项
  • win10重装系统后无线网卡不能用了
  • mac怎么移动鼠标
  • linux 详解
  • SUSE Linux Enterprise Server 设置防火墙开启ssh远程端口的方法
  • scsiaccess.exe - scsiaccess是什么进程 有什么用
  • win8鼠标速度怎么调
  • linux中的vi编辑器一般有哪三个模式
  • 新手学做ppt
  • 铁嘴王指什么动物
  • 常用的linux命令大全
  • 拖曳对象时用的命令
  • shutdown命令不能运行
  • python3 urllib模块
  • cocos2dx 3.3 helloworld 入门 学习与详解
  • JavaScript事件处理的方式(三种)
  • 安卓手机的手势密码保存在哪个文件
  • shell脚本基础教学
  • bat脚本编写教程菜鸟
  • 服务器防arp欺骗怎么解决
  • python中字典的方法有哪些
  • shell脚本读取输入使用什么命令
  • 红杏是什么意思什么样的
  • XRegExp 0.2: Now With Named Capture
  • 2018建筑材料考试试题及答案河南卷
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设