位置: 编程技术 - 正文

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函数是干嘛的)

  • 消费税的三种计税方法及各自的计算公式
  • 增值税专用发票抵扣期限
  • 转移性支出主要影响社会的什么领域
  • 购土地契税怎么算
  • 利息支出税前扣除标准2020
  • 驾校挂靠车辆账务处理?
  • 利润分配从哪里取数
  • 共用水电费税前扣除比例
  • 通用机打发票上面为什么不体现税率
  • 销项税额抵减是怎么回事
  • 接受无形资产投资进项税
  • 付款凭证和记账凭证一样吗
  • 我的初级备考经验--付出才有回报
  • 1697506708
  • 小规模税局代增值税专用发票怎么交税
  • 离职有补偿金的可不可以领取失业金
  • 企业在项目建设前必须进行
  • 客户回款扣除的费用
  • 建筑工地临时工工伤
  • 代扣代缴返还的手续费科目
  • 收到广告费收入怎么做分录
  • 应收账款坏账收回影响利润么
  • win10纯净版下载联想驱动
  • 第三方检测公司有前途吗
  • 关闭自动重新启动会怎样
  • 局域网故障可能的原因
  • php preg_split
  • 代驾服务费如何计算
  • 公司社保钱可以套出来吗
  • .exe是什么软件
  • element ui el-table
  • 看望员工生病的家属支付现金如何入账
  • 企业内部研究开发项目开发阶段的支出
  • 金融机构同业外汇存款账户管理办法
  • 小满Vue3第三十六章(Vue如何开发移动端)
  • javascript移动鼠标
  • 如果收到房租的说说
  • 网页单行文本框
  • 自营与代理
  • 如何开具电子发票广东
  • 进口关税增值税如何做账
  • 如何正确的开具增值税专用发票
  • 小规模纳税人可以开增值税专用发票吗
  • 进销存表格模板明细账
  • 公司少申报个税
  • 存货盘盈盘亏处理会计分录
  • python中的threading模块
  • phpcms二次开发教程
  • 质量扣款应收账款怎么算
  • 企业缴纳印花税时需要
  • 按季度报税怎么处理
  • 员工替公司垫付工资违法吗
  • 对公账户往来款需要开票吗
  • 无形资产转让计入什么科目
  • 年终奖和工资一起发吗
  • 无形资产减值准备是什么科目
  • MySQL5.7中 performance和sys schema中的监控参数解释(推荐)
  • centos rpm包存放位置
  • linux 的ll
  • u盘安装winpe
  • win8pe下载iso
  • windows电脑设置
  • 如何隐藏文件夹并显示隐藏的文件夹
  • window7电源设置
  • win10英文版系统怎么完全改为中文
  • js中如何实现数字相加
  • 批处理 重命名
  • jquery怎么获取
  • shell 生成随机数每次运行都不一样
  • html里的标签
  • EasyTouch Broadcast messages选项在js和c#下的用法
  • python中的description
  • 国家电子税务局云南省电子税务局
  • 企业取得了哪些成绩
  • 上海税务ca证书更新
  • 综合所得申报表在哪里
  • 辽宁地税电子税票查询
  • 2020年个体税收政策
  • 烟台税务app
  • 税务总局2013年65号公告
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设