当前位置: 首页 > news >正文

北京市住房建设委官方网站学企业管理培训班

北京市住房建设委官方网站,学企业管理培训班,学做网站用到哪些知识,wordpress文章全显示不出来文章目录JavaScript 高级实例集合创建一个欢迎 cookie简单的计时另一个简单的计时在一个无穷循环中的计时事件带有停止按钮的无穷循环中的计时事件使用计时事件制作的钟表创建对象的实例创建用于对象的模板JavaScript 高级实例集合 创建一个欢迎 cookie 源码 <!DOCTYPE ht…

文章目录

  • JavaScript 高级实例集合
    • 创建一个欢迎 cookie
    • 简单的计时
    • 另一个简单的计时
    • 在一个无穷循环中的计时事件
    • 带有停止按钮的无穷循环中的计时事件
    • 使用计时事件制作的钟表
    • 创建对象的实例
    • 创建用于对象的模板


JavaScript 高级实例集合

在这里插入图片描述

创建一个欢迎 cookie

  • 源码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>梁辰兴实例</title>
</head>
<head>
<script>
function setCookie(cname,cvalue,exdays){var d = new Date();d.setTime(d.getTime()+(exdays*24*60*60*1000));var expires = "expires="+d.toGMTString();document.cookie = cname+"="+cvalue+"; "+expires;
}
function getCookie(cname){var name = cname + "=";var ca = document.cookie.split(';');for(var i=0; i<ca.length; i++) {var c = ca[i].trim();if (c.indexOf(name)==0) return c.substring(name.length,c.length);}return "";
}
function checkCookie(){var user=getCookie("username");if (user!=""){alert("Welcome again " + user);}else {user = prompt("Please enter your name:","");if (user!="" && user!=null){setCookie("username",user,30);}}
}
</script>
</head>
<body onload="checkCookie()"></body>
</html>
  • 运行效果
    在这里插入图片描述

简单的计时

  • 源码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>梁辰兴实例</title>
</head>
<body>
<p>点击按钮,在等待 3 秒后弹出 "Hello"。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){setTimeout(function(){alert("Hello")},3000);
}
</script>
</body>
</html>
  • 运行效果
    在这里插入图片描述
    在这里插入图片描述

另一个简单的计时

  • 源码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>梁辰兴实例</title>
</head>
<head>
<script>
function timedText(){var x=document.getElementById('txt');var t1=setTimeout(function(){x.value="2 seconds"},2000);var t2=setTimeout(function(){x.value="4 seconds"},4000);var t3=setTimeout(function(){x.value="6 seconds"},6000);
}
</script>
</head>
<body>
<form>
<input type="button" value="显示文本时间!" onclick="timedText()" />
<input type="text" id="txt" />
</form>
<p>点击上面的按钮,输出的文本将告诉你2秒,4秒,6秒已经过去了。</p>
</body>
</html>
  • 运行效果
    在这里插入图片描述
    在这里插入图片描述

在一个无穷循环中的计时事件

  • 源码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>梁辰兴实例</title>
<script>
var c=0;
var t;
var timer_is_on=0;
function timedCount(){document.getElementById('txt').value=c;c=c+1;t=setTimeout("timedCount()",1000);
}
function doTimer(){if (!timer_is_on){timer_is_on=1;timedCount();}
}
</script>
</head>
<body>
<form>
<input type="button" value="开始计数!" onClick="doTimer()">
<input type="text" id="txt">
</form>
<p>单击按钮,输入框将从0开始一直计数。</p>
</body>
</html>
  • 运行效果
    在这里插入图片描述
    在这里插入图片描述

带有停止按钮的无穷循环中的计时事件

  • 源码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>梁辰兴实例</title>
<script>
var c=0;
var t;
var timer_is_on=0;
function timedCount(){document.getElementById('txt').value=c;c=c+1;t=setTimeout(function(){timedCount()},1000);
}
function doTimer(){if (!timer_is_on){timer_is_on=1;timedCount();}
}
function stopCount(){clearTimeout(t);timer_is_on=0;
}
</script>
</head>
<body>
<form>
<input type="button" value="开始计数!" onclick="doTimer()" />
<input type="text" id="txt" />
<input type="button" value="停止计数!" onclick="stopCount()" />
</form>
<p>
单击开始计数按钮,按下时开始计数,输入框将从0开始一直计数。单击停止计数按钮,按下时停止计数,再次点击开始计数按钮,又再次开始计数。
</p>
</body>
</html>
  • 运行效果
    在这里插入图片描述
    在这里插入图片描述

使用计时事件制作的钟表

  • 源码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>梁辰兴实例</title>
<script>
function startTime(){var today=new Date();var h=today.getHours();var m=today.getMinutes();var s=today.getSeconds();// 在小于10的数字钱前加一个‘0’m=checkTime(m);s=checkTime(s);document.getElementById('txt').innerHTML=h+":"+m+":"+s;t=setTimeout(function(){startTime()},500);
}
function checkTime(i){if (i<10){i="0" + i;}return i;
}
</script>
</head>
<body onload="startTime()">
<div id="txt"></div>
</body>
</html>
  • 运行效果
    在这里插入图片描述

创建对象的实例

  • 源码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>梁辰兴实例</title>
</head>
<body>
<script>
person={firstname:"John",lastname:"Doe",age:50,eyecolor:"blue"}
document.write(person.firstname + " is " + person.age + " years old.");
</script>
</body>
</html>
  • 运行效果
    在这里插入图片描述

创建用于对象的模板

  • 源码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>梁辰兴实例</title>
</head>
<body>
<script>
function person(firstname,lastname,age,eyecolor){this.firstname=firstname;this.lastname=lastname;this.age=age;this.eyecolor=eyecolor;
}
myFather=new person("John","Doe",50,"blue");
document.write(myFather.firstname + " is " + myFather.age + " years old.");
</script>
</body>
</html>
  • 运行效果
    在这里插入图片描述
http://www.ritt.cn/news/4435.html

相关文章:

  • 价格划算的做pc端网站个人网页
  • 邢台招聘信息网班级优化大师手机版下载(免费)
  • 短视频营销现状短视频seo营销
  • 长春火车站核酸检测多久出结果四川专业网络推广
  • 家居企业网站建设策划搜索引擎优化的核心本质
  • 网站开发调研方案微信营销平台有哪些
  • 个人网站不备案可以吗产品推广的渠道
  • 商贸有限公司起名百度搜索引擎优化
  • asp网站打开很慢的原因电商seo引流
  • 做网站网页排版错误百度快照和广告的区别
  • 阜阳市建设工程质量检测站网站网络推广seo怎么弄
  • 网站建设的方案百度问一问客服人工在线咨询
  • 浏阳做网站公司抖音搜索优化
  • 做冷冻食品的网站员工培训内容
  • 公司网站建设目标排行榜前十名
  • 做国外有那些网站优化关键词排名软件
  • 网站建设网站公司的序新乡seo优化
  • 顶部固定网站模板百度快速排名用什
  • 做网站手机端如何更新百度查重免费
  • 网站开发人员 生活关键词优化好
  • 网站视频插件怎么做一键免费创建论坛网站
  • 网站建设排名奇艺地域搜狗seo培训
  • 网站建设的费用包括哪些内容营销软件哪个好
  • 建材城电商网站建设百度移动端排名
  • 建设工程业绩补录 网站今天国际新闻最新消息10条
  • 六色网站百度下载安装 官方
  • 我在学校志愿队做网站的经历计算机培训机构哪个最好
  • 安徽专业网站建设创新全网推广软件
  • 集团网站建设案例成品网站1688入口的功能介绍
  • app开发 网站开发统称百度客户端