问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

点击开始→暂停，点暂停→继续，然后一直继续← →暂停

头像
很不安怎去优雅
    4071798151

    点击开始后div里显示暂停，点击暂停显示继续，然后一直继续← →暂停。
    按你们的思路来，页面是不更新渲染的，所以....有没有针对react的方法

    javascriptreduxreact
    阅读 5k
    4 个回答
    得票最新
    头像
    mememe
      215411
      ✓ 已被采纳

      针对react?

      this.state={
    paused:false
}

changeStatus(){
   this.setState({
    paused:!this.state.paused
    })
}

<div onclick={()=>{this.changeStatus}}>{this.state.paused?"暂停":"继续"}</div>
      头像
      陌路凡歌
        7.9k21119
        <!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
        <div>开始</div>
    <script>
        var oDiv = document.querySelector('div');
        oDiv.onclick = function(){
            if(this.innerText=="暂停"){
                this.innerText = "继续";
            }else{
                this.innerText = "暂停";
            }
        } 
    </script>
</body>

</html>
        头像
        lichia
          3061716
          var div = document.querySelector('div');
div.onclick = function(){
    var text = div.innerText;
    if(text==='开始') {
       div.innerText = '暂停'
    } else {
        div.innerText = '开始'
    }
}
          头像
          NikoManiac
            2401311
            var status = ['开始','暂停'],
    cuStaus = true; //表示状态，true代表目前是开始
var wrap = document.getElementById('div1');
wrap.addEventListener('click', function(){
    if(cuStatus){
        wrap.innerHTML = status[1];
    }else{
        wrap.innerHTML = status[0];
    }
    cuStatus = !cuStatus;
});

            这是一个大体的思路吧。

            撰写回答
            你尚未登录，登录后可以
            • 和开发者交流问题的细节
            • 关注并接收问题和回答的更新提醒
            • 参与内容的编辑和改进，让解决方法与时俱进
            推荐问题