JS 5秒倒计时的代码怎么写？时间要实时显示在屏幕上的。

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JS 5秒倒计时的代码怎么写？时间要实时显示在屏幕上的。相关的知识，希望对你有一定的参考价值。

参考技术A

<!DOCTYPE html>  

<html lang="en">  

<head>  

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  

<title>js实现倒计时60秒的简单代码(推荐)</title>  

<script type="text/javascript" src="js/jquery.js"></script>  

</head>  

<body>  

<input type="button" id="btn" value="免费获取验证码" onclick="settime(this)" />  

<script type="text/javascript">  

var countdown=60;  

function settime(val)   

if (countdown == 0)   

val.removeAttribute("disabled");  

val.value="免费获取验证码";  

countdown = 5;  

 else   

val.setAttribute("disabled", true);  

val.value="重新发送(" + countdown + ")";  

countdown--;  

setTimeout(function()   

settime(val)  

,1000)  

  

  

</script>  

</body>  

</html>

JavaScript简介

JavaScript 是脚本语言

JavaScript 是一种轻量级的编程语言。

JavaScript 是可插入 HTML 页面的编程代码。

JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。

JavaScript 课外书

如果 JavaScript 教程学习完毕，并且需要更深入地学习这门语言，《JavaScript 高级教程》绝对是您最好的选择。本教程从 JavaScript 的历史开始讲起，直到当前它对 XML 和 Web 服务的支持。

将学习到如何扩展该语言，以使它适应特殊的需求。

还将学到如何使用 JavaScript 创建无缝的客户机 - 服务器通信。

sea.js简单使用教程

sea.js简单使用教程

  1. 下载sea.js, 并引入

  2. 创建项目结构

    |-js
      |-libs
        |-sea.js
      |-modules
        |-module1.js
        |-module2.js
        |-module3.js
        |-module4.js
        |-main.js
    |-index.html

  3. 定义sea.js的模块代码

    • module1.js

      define(function (require, exports, module) {
        //内部变量数据
        var data = ‘atguigu.com‘
        //内部函数
        function show() {
          console.log(‘module1 show() ‘ + data)
        }
      ?
        //向外暴露
        exports.show = show
      })

    • module2.js


      define(function (require, exports, module) {
        module.exports = {
          msg: ‘I Will Back‘
        }
      })

    • module3.js


      define(function (require, exports, module) {
        const API_KEY = ‘abc123‘
        exports.API_KEY = API_KEY
      })

    • module4.js


      define(function (require, exports, module) {
        //引入依赖模块(同步)
        var module2 = require(‘./module2‘)
      ?
        function show() {
          console.log(‘module4 show() ‘ + module2.msg)
        }
      ?
        exports.show = show
        //引入依赖模块(异步)
        require.async(‘./module3‘, function (m3) {
          console.log(‘异步引入依赖模块3  ‘ + m3.API_KEY)
        })
      })

    • main.js : 主(入口)模块


      define(function (require) {
        var m1 = require(‘./module1‘)
        var m4 = require(‘./module4‘)
        m1.show()
        m4.show()
      })

  4. index.html:


    <!--
    使用seajs:
      1. 引入sea.js库
      2. 如何定义导出模块 :
        define()
        exports
        module.exports
      3. 如何依赖模块:
        require()
      4. 如何使用模块:
        seajs.use()
    -->
    <script type="text/javascript" src="js/libs/sea.js"></script>
    <script type="text/javascript">
      seajs.use(‘./js/modules/main‘)
    </script>

     

以上是关于JS 5秒倒计时的代码怎么写？时间要实时显示在屏幕上的。的主要内容，如果未能解决你的问题，请参考以下文章

高分求一段 PHP 实时显示倒计时 代码

请PHP高手帮修改一个倒计时的代码.

js设置DIV显示时间并动态显示时间倒计时多少秒，倒计时完了之后该层自动隐藏。

这个js代码怎么写：指定时间（3秒）以内读取指定网页，如果超时就显示“暂停显示”。

手机休眠，js倒计时停止

如何用JavaScript写一个60秒倒计时的js文件