本文实例讲述了JS实现的定时器展示简单秒表,页面弹框及跳转操作。分享给大家供大家参考,具体如下:
& lt; !DOCTYPE html公共”——//W3C XHTML 1.0//DTD过渡//EN”“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”的在
& lt; html xmlns=" http://www.w3.org/1999/xhtml " xml: lang=坝τ谩北?
& lt; head>
& lt;元http-equiv=? type”内容=" text/html; charset=utf - 8”/比;
& lt; title>网页标题& lt;/title>
& lt;元name=肮丶省蹦谌?肮丶至斜怼?比;
& lt;元name=懊枋觥蹦谌?巴趁枋觥?比;
& lt;链接rel="样式表" type=" text/css " href="/比;
& lt;风格类型=" text/css "祝辞& lt;/style>
& lt;脚本type=" text/javascript祝辞//全局变量
var=0;
var计时器;//外面定义全局变量
函数start2 () {//获取网页中id=结果的& lt;input>元素
var inputObj=. getelementbyid(“结果”);//& lt; input>标记有什么属性。那么,对应的元素对象就有什么属性。
inputObj.value=" https://www.yisu.com/zixun/该程序已经运行了”+我+“秒!”;
我+ +;//延时器//延时器想要实现重复执行,必须在函数中不断调用自己。//这吗实现以后,延时器就可以模拟定时器的效果了。
计时器=window.setTimeout (“start2()”, 100年);//里面赋值
}
函数stop2 () {
window.clearTimeout(计时器);
}
& lt;/script>
& lt;/head>
& lt; body>
& lt;输入id="结果" type="按钮" value=" https://www.yisu.com/zixun/该程序已经运行了0秒!”/祝辞& lt; br/比;
& lt;输入类型="按钮" value=" https://www.yisu.com/zixun/开始”/比;
& lt;输入类型="按钮" value=" https://www.yisu.com/zixun/停止”/比;
& lt;/body>
& lt;/html>
之前
& lt; !DOCTYPE html公共”——//W3C XHTML 1.0//DTD过渡//EN”“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”的在
& lt; html xmlns=" http://www.w3.org/1999/xhtml " xml: lang=坝τ谩北?
& lt; head>
& lt;元http-equiv=? type”内容=" text/html; charset=utf - 8”/比;
& lt; title>网页标题& lt;/title>
& lt;元name=肮丶省蹦谌?肮丶至斜怼?比;
& lt;元name=懊枋觥蹦谌?巴趁枋觥?比;
& lt;链接rel="样式表" type=" text/css " href="/比;
& lt;风格类型=" text/css "祝辞& lt;/style>//注意:谷歌浏览器会拦截弹框可以选择火狐浏览器打开
& lt;脚本type=" text/javascript祝辞
window=init;//是将函数的地址传给了事件,而不是将函数的执行结果传给事件。有名函数或普通函数,作为地址引用,不能带括号。
init()函数
{//更改网页背景色
window.document.body.bgColor=" # ff0000”;//变量初始化
var url2=" ";
var name2=" win2”;
var options2=" heigth=300,宽度=400=300,顶级=300”;//打开新窗口的方法,winObj就是新窗口对象
var winObj=window.open (url2、name2 options2);
var str=" & lt; h3>张三的基本信息& lt;/h3>”;
str +=毙彰?张三”;
str +=" & lt; br>年龄:28”;
str +=" & lt; br>性别:男”;
winObj.document.write (str);//5秒后,新窗口自动关闭
winObj.setTimeout (“window.close () ", 5000);
}
& lt;/script>
& lt;/head>
& lt; body>
& lt; a href=" https://www.yisu.com/zixun/http://www.baidu.com”rel==皐in2”“外部nofollow”目标的在百度跳转& lt;/a>
& lt;/body>
& lt;/html>
感兴趣的朋友可以使用:http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript操作DOM技巧总结》,《JavaScript页面元素操作技巧总结》,《JavaScript事件相关操作与技巧大全》,《JavaScript查找算法技巧总结》,《JavaScript数据结构与算法技巧总结》,《JavaScript遍历算法与技巧总结》及《JavaScript错误与调试技巧总结》
希望本文所述对大家JavaScript程序设计有所帮助。
