// 01setInterval函数
// setInterval(callback,ms) 循环定时器
// callback：回调函数当方法执行完之后调用
// ms：毫秒
// 每隔多长时间执行一次回调函数

// setInterval(function(){
// i++;
// console.log("循环定时器:"+i)
// },1000)

var i = 0;

function func() {
i++;
console.log("循环定时器:" + i)
}
// // 将定时器储存
// var timer=setInterval(func,1000);

// 清除定时器 clearInterval(name)
// clearInterval(timer);

var timer;
document.getElementById("start").onclick = function () {
// 将定时器储存
timer = setInterval(func, 1000);
}

document.getElementById("stop").οnclick=function(){
// 清除定时器
clearInterval(timer);
}

// 02setTimeout函数
// setTimeout(callback,ms) 延迟定时器
// callback：回调函数当方法执行完之后调用
// ms：毫秒
// 延迟多长时间执行一次函数只执行一次

// console.time();
var timer=setTimeout(function(){
console.log("延迟定时器")
},5000)
// console.timeEnd();
// console.log("立即执行")

// 清除
document.οnclick=function(){
clearTimeout(timer);
}

//03万年历作业

// 3.将时间显示在网页中
document.getElementById("time").innerHTML =
` ${year} 年 ${month} 月 ${date} 日<br/> 星期${aDays[day]} <br/> ${hour} : ${minute} : ${second}`
}

setInterval(getTime,200)

// 04变速输出内容

// 让输出文本的速度越来越快
// 循环定时器循环输出
// 让输出的速度发生变化

var i=0;
setInterval(function(){
// i==0?i=0:i--;
i++;
// document.write("变速运动")
setTimeout(function(){
document.write("变速运动")
},1000*i)
},1000)

//05动态文字

var text="作者：庄周$%北冥有鱼，其名为鲲。鲲之大，不知其几千里也；化而为鸟，其名为鹏。鹏之背，不知其几千里也；怒而飞，其翼若垂天之云。是鸟也，海运则将徙于南冥。南冥者，天池也。《齐谐》者，志怪者也。《谐》之言曰：“鹏之徙于南冥也，水击三千里，抟扶摇而上者九万里，去以六月息者也。”野马也，尘埃也，生物之以息相吹也。天之苍苍，其正色邪？其远而无所至极邪？其视下也，亦若是则已矣。且夫水之积也不厚，则其负大舟也无力。覆杯水于坳堂之上，则芥为之舟，置杯焉则胶，水浅而舟大也。风之积也不厚，则其负大翼也无力。故九万里，则风斯在下矣，而后乃今培风；背负青天，而莫之夭阏者，而后乃今将图南。蜩与学鸠笑之曰：“我决起而飞，抢榆枋而止，时则不至，而控于地而已矣，奚以之九万里而南为？”适莽苍者，三餐而反，腹犹果然；适百里者，宿舂粮；适千里者，三月聚粮。之二虫又何知！$%小知不及大知，小年不及大年。奚以知其然也？朝菌不知晦朔，蟪蛄不知春秋，此小年也。楚之南有冥灵者，以五百岁为春，五百岁为秋；上古有大椿者，以八千岁为春，八千岁为秋，此大年也。而彭祖乃今以久特闻，众人匹之，不亦悲乎！汤之问棘也是已。穷发之北，有冥海者，天池也。有鱼焉，其广数千里，未有知其修者，其名为鲲。有鸟焉，其名为鹏，背若泰山，翼若垂天之云，抟扶摇羊角而上者九万里，绝云气，负青天，然后图南，且适南冥也。斥鴳笑之曰：“彼且奚适也？我腾跃而上，不过数仞而下，翱翔蓬蒿之间，此亦飞之至也。而彼且奚适也？”此小大之辩也。$%故夫知效一官，行比一乡，德合一君，而征一国者，其自视也，亦若此矣。而宋荣子犹然笑之。且举世誉之而不加劝，举世非之而不加沮，定乎内外之分，辩乎荣辱之境，斯已矣。彼其于世，未数数然也。虽然，犹有未树也。夫列子御风而行，泠然善也，旬有五日而后反。彼于致福者，未数数然也。此虽免乎行，犹有所待者也。若夫乘天地之正，而御六气之辩，以游无穷者，彼且恶乎待哉？故曰：至人无己，神人无功，圣人无名。"

// 1.获取元素
var oText=document.getElementById("text");
// 循环定时器每个0.5秒输出一个文字
var i=0;
setInterval(function(){
// 字符串中的单个字符可以通过索引获取
if(text[i]=="$"){
oText.innerHTML+="<br/>";
}
else if(text[i]=="%"){
oText.innerHTML+="      ";
}else{
oText.innerHTML+=text[i];
}
i++
},200)

// var i=0;
// setInterval(function(){
// // 字符串中的单个字符可以通过索引获取
// oText.innerText+=text[i];
// i++
// },500)

28js学习第十一天定时器函数相关推荐

Python学习日记(十一) 内置函数
什么是内置函数? 就是Python中已经写好了的函数,可以直接使用内置函数图表: 以3.6.2为例内置函数分类: 一.反射相关 1.hasattr() 2.getattr() 3.setattr( ...
OpenCV学习笔记（二十一）——绘图函数core OpenCV学习笔记（二十二）——粒子滤波跟踪方法 OpenCV学习笔记（二十三）——OpenCV的GUI之凤凰涅槃Qt OpenCV学习笔记（二十
OpenCV学习笔记(二十一)--绘图函数core 在图像中,我们经常想要在图像中做一些标识记号,这就需要绘图函数.OpenCV虽然没有太优秀的GUI,但在绘图方面还是做得很完整的.这里就介绍一下相关 ...
从零开始学习jQuery (十一) 实战表单验证与自动完成提示插件
本系列文章导航从零开始学习jQuery (一) 开天辟地入门篇从零开始学习jQuery (二) 万能的选择器从零开始学习jQuery (三) 管理jQuery包装集从零开始学习jQuery ( ...
从零开始学习jQuery (九) jQuery工具函数
本系列文章导航从零开始学习jQuery (一) 开天辟地入门篇从零开始学习jQuery (二) 万能的选择器从零开始学习jQuery (三) 管理jQuery包装集从零开始学习jQuery ( ...
OpenCV学习(二十一) ：计算图像连通分量:connectedComponents(),connectedComponentsWithStats()
OpenCV学习(二十一) :计算图像连通分量:connectedComponents(),connectedComponentsWithStats() 1.connectedComponents() ...
吴恩达《机器学习》学习笔记十一——应用机器学习的建议
吴恩达<机器学习>学习笔记十一--应用机器学习的建议一.训练完模型后下一步要做什么二.评估算法与模型选择 1.训练集与测试集 2.训练/测试步骤 3.模型选择 4.数据集新的划分--验 ...
吴恩达《机器学习》学习笔记十一——神经网络代码
吴恩达<机器学习>学习笔记十一--神经网络代码数据准备神经网络结构与代价函数· 初始化设置反向传播算法训练网络与验证课程链接:https://www.bilibili.com/v ...
jQuery框架学习第十一天：实战jQuery表单验证及jQuery自动完成提示插件
jQuery框架学习第一天:开始认识jQuery jQuery框架学习第二天:jQuery中万能的选择器 jQuery框架学习第三天:如何管理jQuery包装集 jQuery框架学习第四天:使用jQ ...
花书+吴恩达深度学习（十一）卷积神经网络 CNN 之池化层
目录 0. 前言 1. 最大池化(max pooling) 2. 平移不变形 3. 其他池化函数 4. 卷积和池化作为一种无限强的先验如果这篇文章对你有一点小小的帮助,请给个关注,点个赞喔~我会非常 ...

28js学习第十一天定时器函数

// 01setInterval函数
// setInterval(callback,ms) 循环定时器
// callback：回调函数当方法执行完之后调用
// ms：毫秒
// 每隔多长时间执行一次回调函数

// 02setTimeout函数
// setTimeout(callback,ms) 延迟定时器
// callback：回调函数当方法执行完之后调用
// ms：毫秒
// 延迟多长时间执行一次函数只执行一次

//03万年历作业

// 04变速输出内容

//05动态文字

28js学习第十一天定时器函数相关推荐

最新文章

热门文章

28js学习第十一天定时器函数

// 01setInterval函数 // setInterval(callback,ms) 循环定时器 // callback：回调函数 当方法执行完之后调用 // ms：毫秒 // 每隔多长时间执行一次回调函数

// 02setTimeout函数 // setTimeout(callback,ms) 延迟定时器 // callback：回调函数 当方法执行完之后调用 // ms：毫秒 // 延迟多长时间执行一次函数 只执行一次

//03万年历作业

// 04变速输出内容

//05动态文字

28js学习第十一天定时器函数相关推荐

最新文章

热门文章

// 01setInterval函数
// setInterval(callback,ms) 循环定时器
// callback：回调函数当方法执行完之后调用
// ms：毫秒
// 每隔多长时间执行一次回调函数

// 02setTimeout函数
// setTimeout(callback,ms) 延迟定时器
// callback：回调函数当方法执行完之后调用
// ms：毫秒
// 延迟多长时间执行一次函数只执行一次