微客导航 » 文章资讯 » JS实现的定时器展示简单秒表、页面弹框及跳转操作完整示例

JS实现的定时器展示简单秒表、页面弹框及跳转操作完整示例

2023-08-02 15:08:03 182

本文实例讲述了JS实现的定时器展示简单秒表、页面弹框及跳转操作。分享给大家供大家参考，具体如下：

定时器展示简单秒表demo





网页标题





//全局变量
vari=0;
vartimer;//外面定义全局变量
functionstart2(){
//获取网页中id=result的元素
varinputObj=document.getElementById("result");
//标记有什么属性.那么,对应的元素对象就有什么属性.
inputObj.value="该程序已经运行了"+i+"秒!";
i++;
//延时器
//延时器想要实现重复执行,必须在函数中不断调用自己.
//这吗实现以后,延时器就可以模拟定时器的效果了.
timer=window.setTimeout("start2()",100);//里面赋值
}
functionstop2(){
window.clearTimeout(timer);
}

页面弹框及跳转demo





网页标题




//注意:谷歌浏览器会拦截弹框可以选择火狐浏览器打开

window.onload=init;//是将函数的地址传给了事件,而不是将函数的执行结果传给事件.有名函数或普通函数,作为地址引用,不能带括号.
functioninit()
{
//更改网页背景色
window.document.body.bgColor="#ff0000";
//变量初始化
varurl2="";
varname2="win2";
varoptions2="width=400,heigth=300,left=300,top=300";
//打开新窗口的方法,winObj就是新窗口对象
varwinObj=window.open(url2,name2,options2);
varstr="张三的基本信息";
str+="姓名:张三";
str+="
年龄:28";
str+="
性别:男";
winObj.document.write(str);
//5秒后,新窗口自动关闭
winObj.setTimeout("window.close()",5000);
}



百度跳转

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。

更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript操作DOM技巧总结》、《JavaScript页面元素操作技巧总结》、《JavaScript事件相关操作与技巧大全》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript错误与调试技巧总结》

希望本文所述对大家JavaScript程序设计有所帮助。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
3162201930
czq8825@qq.com

JS实现的定时器展示简单秒表、页面弹框及跳转操作完整示例

张三的基本信息

热门推荐

随机推荐